.mainBtn {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    margin-left: 2vw;
    position: relative
}

.close {
    font-weight: 200 !important;
    line-height: 1;
    text-shadow: none !important;
    opacity: 1 !important
}

a:hover {
    color: #f3613e
}

body {
    font-family: Tahoma,Geneva,sans-serif
}

.showLang i.fa {
    font-size: 3vh
}

@media (max-width: 767px) {
    .langList {
        width:80vw !important;
        flex-direction: column !important;
        background: #fff
    }

    .langList .colLang {
        display: flex;
        flex-direction: column;
        background: rgba(255,255,255,0.961);
        height: 67vh;
        padding-left: 5vh;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start
    }

    .langList .colLang a {
        font-size: 1.8vh !important
    }
}

.banner_place {
    visibility: hidden;
    position: relative !important
}

.constructorPage .mainMenu_box {
    background: #4f475d
}

.constructorPage .banner {
    display: none !important
}

.constructorPage .navy_box .navy.active {
    background: #322b3f !important;
    color: #fff !important
}

.constructorPage .navy_box .navy.active .icon {
    background-position-y: 0%
}

.constructorPage .navy_box .navy {
    color: #fff !important
}

.constructorPage .navy_box .navy .icon {
    background-position: 100% 100% !important
}

.constructorPage .navy_box .navy:hover:not(.active) {
    opacity: .8
}

.banner {
    width: 100%;
    padding: 5px 10px;
    flex-wrap: wrap;
    display: flex;
    z-index: 10;
    position: fixed;
    flex-wrap: wrap;
    bottom: 0;
    padding-right: 40px;
    background: linear-gradient(45deg,#99d8ff,#ff78d7);
    background-size: 200% 200%;
    font-family: Montserrat;
    color: #000;
    font-weight: 600;
    font-size: 9pt;
    align-items: center;
    animation: live_bg 5s ease infinite;
    flex-direction: row;
    justify-content: center
}

.banner a {
    border-radius: 20px;
    border: 0;
    padding: 3px 13px;
    display: block;
    margin: 0 6px;
    cursor: pointer;
    background: linear-gradient(45deg,#fee9e3,rgba(255,255,255,0.839))
}

.banner .close {
    font-family: Montserrat;
    transform: rotate(45deg);
    content: "+";
    position: absolute;
    font-size: 22pt;
    right: 10px;
    cursor: pointer
}

.langList {
    display: flex;
    width: 70vh;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 67px;
    flex-wrap: wrap;
    flex-direction: row;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden
}

.langList .close {
    position: absolute;
    right: 10px;
    top: 10px
}

.langList .close span {
    font-family: Montserrat;
    font-weight: 200;
    opacity: 1 !important;
    color: #000;
    font-size: 3.8vh;
    transform: rotate(45deg);
    position: relative;
    display: block
}

.langList .colLang {
    display: flex;
    flex-direction: column;
    background: #fee9e3;
    height: 67vh;
    width: 35vh;
    padding-top: 2vh;
    padding-left: 5vh;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start
}

.langList .colLang .listing {
    display: flex;
    flex-wrap: wrap;
    height: 54vh;
    width: fit-content;
    flex-direction: column;
    align-items: flex-start
}

.langList .header {
    color: #f3613e;
    font-family: Montserrat;
    font-weight: 800;
    font-size: 2.5vh;
    padding-bottom: 2vh;
    display: flex;
    flex-wrap: wrap;
    width: fit-content
}

.langList a {
    color: #000;
    padding: .5vh 1vh;
    width: fit-content;
    border-radius: 10vh;
    font-family: Montserrat;
    min-width: 10vh;
    font-size: 1.8vh;
    transition: all .2s ease-out 0s;
    cursor: pointer
}

.langList a:hover {
    text-decoration: none;
    transform: scale(1.1);
    background: #fff;
    color: #f3613e
}

.langList a.selected {
    border: 1px solid #f3613e
}

a {
    color: inherit
}

.rainbow {
    background: linear-gradient(90deg,#f17265 5%,#e46ce6 35%,#459ffc 70%,#e46ce6 95%,#f17265 101%) repeat-x 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rainbow2 {
    background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

html {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none
}

b,strong {
    font-weight: 600
}

.screenfix {
    max-width: 1200px;
    margin: auto
}

#cboxClose {
    top: 0 !important;
    right: 0
}

#cboxTitle {
    visibility: hidden
}

#cboxLoadedContent {
    margin-top: 30px !important
}

#viewMaket .allsheet {
    margin-left: -15%
}

#viewMaket #mainInv .back [action=text1] {
    transition: none !important
}

.br {
    padding: 5px;
    width: 100%
}

.color_logo,.inver_logo {
    color: rgba(96,123,156,0);
    cursor: pointer;
    opacity: .8;
    height: 65px;
    margin: auto;
    width: 185px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.action_button {
    padding: 10px 20px;
    background: #f3623e;
    border-radius: 40px;
    color: #fff;
    border-color: transparent !important
}

.action_button:hover {
    background-color: #f3623e !important;
    color: #fff !important
}

.action_button:focus {
    background: #f3623e
}

.noaction_button {
    color: #5c5c5c;
    padding: 8px 50px 13px 50px;
    background: #d3d3d3;
    border: 1px solid rgba(151,151,151,0.58);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),inset -3px -4px 0 0 #979797;
    border-radius: 23px;
    color: #fff
}

.noaction_button:hover {
    background: #9e9e9e;
    color: #fff
}

.grey {
    color: #9b9b9b
}

.bigbutton {
    padding: 15px 30px 20px 30px
}

.finishtable .banketTable {
    display: block
}

.finishtable .planTable {
    display: block;
    margin-bottom: 20px
}

.addNewTr .addGuest span {
    padding-left: 4px
}

.addNewTr .fa-user {
    float: right;
    padding: 2px
}

.OnlyGuest.finishtable .headerTable {
    display: none
}

.OnlyGuest.finishtable .headerGuest {
    display: block
}

.OnlyGuest.finishtable .addGuest,.OnlyGuest.finishtable .showTrGuests {
    display: block
}

.OnlyGuest.finishtable .addTable {
    display: none
}

.OnlyGuest.finishtable .banketTable {
    display: block
}

.OnlyGuest.finishtable .planTable {
    display: none
}

.OnlyTable.finishtable .headerTable {
    display: block
}

.OnlyTable.finishtable .headerGuest {
    display: none
}

.OnlyTable.finishtable .addGuest,.OnlyTable.finishtable .showTrGuests {
    display: none
}

.OnlyTable.finishtable .addTable {
    display: block
}

.OnlyTable.finishtable .banketTable {
    display: none
}

.OnlyTable.finishtable .planTable {
    display: block
}

.red_action_icon {
    padding: 10px 17px;
    color: #f3613e;
    border-radius: 10px;
    float: left;
    background: rgba(243,97,62,0.102)
}

.red_action_icon:hover {
    background: #f3613e;
    color: #fff
}

.red_action_button {
    border: 1px solid rgba(40,96,144,0.58);
    box-shadow: inset 0 6px 9px 1px rgba(221,224,236,0.541);
    border-radius: 10px;
    color: #fff;
    border-color: transparent !important;
    background: #f4623e
}

.red_action_button:hover {
    background: #f4623e !important;
    color: #fff !important;
    box-shadow: inset 0 6px 9px 1px rgba(221,224,236,0.45)
}

.slider {
    position: relative;
    height: 350px;
    padding: 0 20px 0 20px
}

.slider .control {
    position: relative;
    height: 100%
}

.slider .control div {
    color: #fff;
    font-size: 48px;
    position: absolute;
    width: 50px;
    border: 3px solid #fff;
    border-radius: 25px;
    margin: auto;
    top: 50%;
    height: 50px;
    margin-top: -25px;
    cursor: pointer
}

.slider .control div:hover {
    background: #396994;
    border: 0
}

.slider .control div:hover i {
    margin-top: 0
}

.slider .control div i {
    display: block;
    text-align: center;
    margin-top: -3px
}

.slider .view {
    position: relative;
    overflow: hidden;
    height: 300px
}

.slider .view .slide {
    position: relative;
    height: 300px;
    overflow: hidden
}

.slider .view .slide .text_part {
    font-size: 1.2em;
    padding: 50px;
    color: #404040;
    margin-top: 20px;
    top: 50%;
    height: 150px;
    margin-top: -75px
}

.slider .name_part {
    margin: auto;
    text-align: center
}

.slider .name_part a {
    color: #396994;
    border-radius: 24px;
    display: block;
    height: 33px;
    padding: 5px 24px 8px 24px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 10px;
    font-size: 1.2em
}

.slider .name_part a:hover {
    border: 2px solid #396994;
    padding: 3px 22px 7px 22px
}

.slider .name_part a.active {
    background: #396994;
    color: #fff
}

.text-danger {
    color: #f4623e
}

.errorInput {
    border: 2px solid #f00 !important;
    background: rgba(255,5,1,0.122) !important
}

.errorInput1px {
    border: 1px solid #f00 !important;
    background: rgba(255,5,1,0.122) !important
}

.btn-style {
    border: 3px solid #607b9c;
    color: #607b9c;
    border-radius: 24px;
    background: none
}

.btn-style:hover {
    background: #fff
}

.btn-style.active {
    background: #607b9c;
    color: #fff
}

.btn-style-gold {
    color: rgba(203,177,116,0.69) !important;
    border-radius: 24px;
    background: none
}

.btn-style-gold:hover {
    background: rgba(203,177,116,0.69) !important;
    color: #fff !important
}

.btn-style-gold.active {
    background: #396994;
    color: #fff
}

.btn-style-gold-fill {
    border: 1px solid #ffc2b2 !important;
    color: #1e1f28 !important;
    border-radius: 24px;
    background: #ffc2b2 !important
}

.btn-style-gold-fill:hover {
    background: #d6ad9f !important;
    color: #1e1f28 !important
}

.btn-style-gold-fill.active {
    background: #396994;
    color: #fff
}

.btn-style-trans {
    font-family: Rotonda !important;
    border-radius: 10px;
    background: none;
    color: #7e90a5;
    padding: 7px 18px 5px 18px
}

.btn-style-trans:hover {
    background: none !important;
    color: #576e8a
}

.btn-style-two {
    font-family: Rotonda !important;
    border-radius: 10px;
    background: #cfe7ff;
    color: #2b5280;
    padding: 7px 18px 5px 18px
}

.btn-style-two:hover {
    background: #d4eaff !important;
    color: #193d67
}

.btn-style-one-white {
    background: #fff !important
}

.btn-style-one {
    color: #f4623e;
    font-size: 1em !important;
    font-weight: 600 !important;
    font-family: Montserrat !important;
    padding: 7px 18px 7px 18px;
    background: #fee9e3
}

.btn-style-rose {
    margin-top: -5px !important;
    box-shadow: rgba(0,0,0,0.35) -1px 11px 12px 0;
    border: 2px solid #ff37ae;
    color: #fff;
    font-family: Rotonda Bold;
    text-align: center;
    text-decoration: none;
    display: block;
    border-radius: 24px;
    background: #ff37ae !important;
    transition: all .2s ease-out 0s
}

.btn-style-rose:hover {
    margin-top: 0 !important;
    box-shadow: rgba(0,0,0,0) 0 0 0 0;
    background: #f09 !important;
    border: 2px solid #f09 !important;
    color: #fff;
    text-decoration: none
}

.btn-style-white {
    border: 3px solid #fff;
    color: #fff
}

.btn-style-grey {
    border: 3px solid #9b9b9b;
    color: #9b9b9b
}

.btn-style-grey:hover {
    background: rgba(0,0,0,0);
    color: #9b9b9b
}

.fright {
    float: right
}

.btn-call2action {
    border-radius: 25vh;
    width: 36vw;
    margin: auto;
    max-width: 65vh;
    padding: 2.5vh 1vh 2.5vh 1vh;
    cursor: pointer;
    margin: auto;
    display: block;
    text-align: center;
    text-decoration: none !important;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 2.2vh;
    text-align: center;
    background: #f3623e;
    color: #fff
}

.btn-call2action:hover {
    color: #fff;
    animation: btn2action 2s 1 cubic-bezier(.215,.61,.355,1) 0s forwards
}

.btn-call2action:hover span {
    animation: txtwhileRoseRainbow .8s 3 cubic-bezier(.215,.61,.355,1) 0s forwards;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mp-list {
    font-size: 1.9vh;
    font-family: Montserrat;
    font-weight: 500;
    color: #676776;
    line-height: 4.4vh;
    margin-top: 0
}

.mp-list p {
    display: inline
}

.mp-list ul {
    padding-inline-start:0;list-style-type: none;
    clear: both;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start
}

.mp-list ul .img {
    width: 5vh;
    margin: auto;
    height: 4vh;
    float: left;
    margin-right: .5vw;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain
}

.mp-list ul .img_0 {
    background-image: url("/src/img/adv3.svg");
    background-position: 50% 0%
}

.mp-list ul .img_1 {
    background-image: url("/src/img/electro.svg");
    background-position: 50% 0%
}

.mp-list ul .img_2 {
    background-image: url("/src/img/paper.svg");
    background-position: 50% 35%
}

.mp-list ul .img_3 {
    background-image: url("/src/img/invite.svg");
    background-position: 50% 70%
}

.mp-list ul .img_4 {
    background-image: url("/src/img/banket.svg");
    background-position: 50% 100%
}

.dark {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 13
}

.flexShow {
    display: flex !important
}

.modals {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 14
}

.datepicker *.active {
    background: #111;
    color: #fff
}

.modal-backdrop {
    background-color: #0a1e3a !important
}

.gomodal {
    max-width: inherit !important;
    min-width: inherit !important;
    width: 96% !important;
    height: 96% !important;
    margin-left: 2% !important;
    margin-top: 2% !important;
    max-width: 1200px;
    max-width: 1000px !important;
    margin: auto !important;
    margin-top: -6% !important
}

.gomodal .modal-content {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    background: #fff
}

.gomodal .modal-content .modal-body {
    height: 100%;
    padding: 0 !important
}

.gomodal .modal-content .modal-form {
    padding: 30px;
    float: left
}

.gomodal .modal-content .modal-form .form-group {
    margin-right: 0;
    margin-left: 0
}

.gomodal .modal-content .modal-form h4 {
    margin-bottom: 30px
}

.gomodal .modal-content .modal-form .forgetPassword {
    margin: 11px 0;
    display: block
}

.gomodal .modal-content .modal-form .logo {
    display: block;
    background-size: 100%;
    background-image: url("/src/img/logo_new.png");
    opacity: 1;
    max-width: 191px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 87px;
    width: 100%;
    margin-bottom: 50px;
    position: relative
}

.gomodal .modal-content .modal-form .logo strong {
    position: absolute;
    bottom: -12px;
    text-align: center;
    font-size: .8em;
    font-family: 'Montserrat'
}

.gomodal .modal-content .modal-promo {
    overflow: hidden;
    padding: 0 !important;
    height: 100%;
    background: #fff3f0;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.gomodal .modal-content .modal-promo .mp-mainpic_promo {
    display: flex;
    opacity: .8;
    margin: 0
}

.gomodal .modal-content .modal-promo .mp-mainpic_promo video {
    width: 100%;
    z-index: 1;
    position: absolute
}

.gomodal .modal-content .modal-promo .mp-mainpic_promo .btn-call2action {
    background: rgba(255,52,0,0.58) !important
}

.gomodal .modal-content .modal-promo .mp-maintext {
    width: 38vw;
    margin: auto;
    margin-top: 7vh;
    text-align: left;
    color: #000
}

.gomodal .modal-content .modal-promo .mp-maintext h1 {
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 1.4em;
    margin-bottom: 35px
}

.gomodal .modal-content .modal-promo .mp-maintext h1 span {
    font-family: Agoniae;
    font-size: .7em;
    padding: 5px;
    color: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: startBlackRainbow 1s 1 cubic-bezier(.8,1.5,.2,-1) 2s backwards,txtBlackRainbow 1.5s 3 ease-out 3s alternate forwards
}

.gomodal .modal-content .modal-promo .header {
    z-index: 2;
    text-align: left;
    padding-left: 40px;
    font-size: 3vmin;
    line-height: 3vmin;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,200,186,0.839)
}

.gomodal .modal-content .modal-promo .close {
    margin: 16px 25px;
    transform: scale(2)
}

.gomodal .modal-content .modal-promo .close a {
    text-decoration: none;
    font-family: Montserrat;
    font-weight: 200;
    color: #000;
    box-shadow: none;
    transform: rotate(45deg);
    position: relative;
    display: block
}

.gomodal .modal-content .modal-promo .mp-list {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 11.5pt;
    color: #000;
    line-height: 3.4vh
}

.gomodal .modal-content .modal-promo .mp-list p {
    display: inline
}

.gomodal .modal-content .modal-promo .superconstructor {
    height: 58%;
    width: 100%;
    background: url("/src/img/img_constructor.png");
    background-size: 96%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-position-y: bottom
}

.gomodal .modal-content .modal-promo .about {
    font-size: 1.1em;
    padding: 10px 20px 20px 0;
    width: 100%;
    font-family: 'Rotonda'
}

.gomodal .modal-content .modal-promo .about li {
    padding: 3px 0 3px
}

.constructorPage .gomodal {
    margin-top: 0% !important
}

.modal-content {
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 0;
    font-size: .9em;
    z-index: 102;
    box-shadow: none !important
}

.modal-content .rainbow {
    animation: txtBlackRainbow 1.5s 5 linear 0s alternate forwards
}

.modal-content a {
    cursor: pointer
}

.modal-content label {
    font-size: 15px
}

.modal-content button {
    margin-left: 15px;
    border-radius: 40px;
    font-family: Montserrat !important
}

.modal-content button.close {
    right: -15px;
    transform: scale(2);
    opacity: 1
}

.modal-content button.close span {
    font-family: Montserrat;
    font-weight: 200;
    color: #111;
    transform: rotate(45deg);
    position: relative;
    display: block
}

.modal-content button.close:hover {
    transform: scale(2.1)
}

.wp-heart {
    opacity: 0;
    padding: 58px 77px;
    width: 250px;
    height: 250px;
    top: 50%;
    position: absolute;
    left: 50%;
    background: radial-gradient(#fff,rgba(255,255,255,0.639) 70%);
    box-shadow: 0 0 68px 45px rgba(255,255,255,0.639);
    border-radius: 200px;
    margin-left: -125px;
    margin-top: -125px;
    animation: appearHeart .3s 1 cubic-bezier(.215,.61,.355,1) 0s forwards
}

.wp-heart div {
    position: absolute;
    background-image: url("/src/img/logo_new.png");
    opacity: 1;
    background-size: cover;
    background-position: 0 0;
    width: 90px;
    height: 80px;
    animation: hearting 2s infinite cubic-bezier(.215,.61,.355,1) 1s
}

.wp-heart .shadow {
    opacity: 0;
    animation: hearting 2s infinite cubic-bezier(.215,.61,.355,1) 2s,shadow 2s infinite cubic-bezier(.215,.61,.355,1) 2s
}

.wp-heart span {
    top: 102px;
    font-size: 1.2em;
    text-align: center;
    z-index: 10;
    width: 336px;
    opacity: 0;
    font-family: Montserrat;
    font-weight: 400;
    margin-left: -124px;
    display: block;
    position: relative;
    text-decoration: none;
    padding-left: 10px;
    background: linear-gradient(90deg,#f3623e 5%,#f3623e 35%,#f3623e 100%) repeat-x 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: appearHeart 1s 1 cubic-bezier(.215,.61,.355,1) forwards,textRainbow2 1.5s infinite cubic-bezier(.215,.61,.355,1) 1.5s
}

.loadingBadget {
    height: 50vh;
    font-weight: 600 !important;
    font-family: Montserrat !important;
    color: #000;
    padding-bottom: 80px
}

div:not(.canvas) .alert-warning {
    background: rgba(220,236,245,0.722) !important;
    color: #000;
    border-left: 4px solid #f4623e;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
    padding: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    border-radius: 0
}

.dark-modal .modal-content {
    background: #000
}

.dark-modal .modal-title {
    color: #fff !important
}

.dark-modal .alert-warning {
    background: #232747 !important;
    color: #fff !important;
    border: 1px solid #fff
}

.dark-modal .close span {
    font-family: Montserrat;
    font-weight: 200;
    color: #fff !important;
    text-shadow: none
}

.dark-modal label {
    color: #fff;
    font-family: Montserrat;
    font-weight: 600
}

.radio {
    font-weight: normal
}

.control-label {
    color: #111;
    font-weight: 600;
    font-size: 13px;
    font-family: Montserrat
}

.modal-footer {
    border-top: 0 solid #a6a6a6 !important
}

.modal-footer .btn-style-two,.modal-footer .btn-style-one {
    padding: 10px 30px
}

.modal-footer .btn-call2action {
    margin-right: 25px
}

textarea.form-control {
    border: 1px solid #000 !important
}

.form-control {
    border-radius: 20px;
    padding-bottom: 3px;
    padding-left: 16px;
    border: 1px solid #000;
    border-radius: 0;
    border-left: 0 solid !important;
    border-right: 0 solid !important;
    border-top: 0 solid !important;
    box-shadow: none
}

.form-control:focus {
    box-shadow: none;
    background: #dcecf5 !important;
    border-color: #74b5d9 !important
}

.modal-header {
    color: #607b9c;
    border-bottom: 0 solid #a6a6a6 !important;
    margin: 15px 15px
}

.addplate.active span {
    display: none !important
}

.text-underline-white {
    text-decoration: underline;
    color: #fff
}

.text-underline-white:hover {
    color: #eee
}

.underlink {
    cursor: pointer
}

.underlink:hover {
    text-decoration: underline
}

.miniicon {
    font-size: 1em !important
}

.undertext {
    color: #777;
    font-family: Rotonda;
    padding-left: 15px;
    font-size: .9em
}

.texttoggle {
    color: #607b9c;
    padding: 5px 0 10px 20px
}

.modal .form-group span {
    color: #000
}

.modal .form-group label {
    color: #000 !important
}

.modal .form-group input {
    background: none;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #000
}

.introjs-helperLayer {
    box-shadow: #2e2904 0 0 1px 2px,#2e2903 0 0 0 5000px;
    opacity: 1;
    border: 1px solid #d97d6b
}

.introjs-tooltip-header {
    padding-right: 5px !important;
    padding-top: 5px !important
}

.introjs-tooltipbuttons {
    border-top: 0 !important
}

.introjs-tooltiptext {
    padding: 10px 20px !important;
    font-family: 'Montserrat' !important;
    font-size: .9em !important;
    font-weight: 500 !important
}

.introjs-disabled {
    display: none !important
}

.introjs-button {
    padding: 10px 20px !important;
    color: #f3623e !important;
    font-size: 1em !important;
    border: 2px solid #f3623e !important;
    background: transparent !important;
    border-radius: 40px !important;
    font-weight: 800;
    font-family: Montserrat;
    text-shadow: none !important
}

.introjs-button:focus {
    box-shadow: none !important
}

.introjs-nextbutton {
    background: #f3623e !important;
    color: #000 !important;
    border: 0 solid #fff
}

.introjs-donebutton {
    background: #f3623e !important;
    border: 1px solid #f3623e !important
}

.introjs-skipbutton {
    color: #000 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    font-family: 'Montserrat' !important;
    font-size: 2.4em !important;
    padding: 0 10px !important
}

.unvisible {
    visibility: hidden
}

.loadingData div {
    margin-top: 10px;
    background: rgba(255,255,255,0.6);
    padding: 20px;
    margin: 0 -14px;
    font-family: Montserrat;
    font-weight: 400;
    color: #111
}

.text-success {
    color: #f3623e
}

.datepicker-dropdown {
    font-family: Montserrat;
    background: rgba(249,236,218,0.89)
}

.datepicker-dropdown .focused,.datepicker-dropdown .active {
    background: #333 !important;
    color: #fff !important;
    border-radius: 20px !important
}

.dropdown-menu {
    z-index: 11;
    font-family: Montserrat
}

.dropdown-menu .dropdown-header {
    color: #f3613e;
    font-family: Montserrat;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: -7px;
    border-top: 2px solid #f3613e;
    background: rgba(255,194,178,0.4)
}

.dropdown-menu .dropdown-header .text {
    font-size: 1.2em
}

.dropdown-menu .dropdown-header:first-child {
    margin-top: 5px !important
}

.dropdown-menu .divider {
    background-color: transparent
}

.guestBox .dropdown-menu li a,.tableBox .dropdown-menu li a {
    width: 100%
}

.toast-top-right,.toast-top-left {
    top: 90px
}

.label {
    padding: 6px 6px 4px 6px;
    font-weight: normal !important
}

span.textMarker {
    background-color: rgba(254,143,119,0.09);
    padding: 5px;
    margin: -5px;
    color: #111;
    font-weight: 500 !important
}

.alert.textMarker {
    background: rgba(254,143,119,0.09) !important;
    padding: 15px;
    margin-bottom: 20px;
    border: 0;
    border-radius: 0
}

.alert-danger {
    color: #a94442;
    background-color: rgba(255,142,180,0.38)
}

.inline {
    display: inline
}

@media (max-width: 500px) {
    .mobilealert .hint {
        font-size:1em;
        padding: 10px
    }

    .mobilealert .icon {
        display: none
    }
}

@media (max-width: 767px) {
    .gomodal {
        position:absolute;
        margin: auto;
        left: initial;
        min-width: 300px;
        width: 100% !important;
        height: 100% !important
    }
}

@-moz-keyframes live_bg {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@-webkit-keyframes live_bg {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@-o-keyframes live_bg {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@keyframes live_bg {
    0% {
        background-position: 10% 0%
    }

    50% {
        background-position: 91% 100%
    }

    100% {
        background-position: 10% 0%
    }
}

@-moz-keyframes myFade {
    0% {
        opacity: 0%
    }

    100% {
        opacity: 100%
    }
}

@-webkit-keyframes myFade {
    0% {
        opacity: 0%
    }

    100% {
        opacity: 100%
    }
}

@-o-keyframes myFade {
    0% {
        opacity: 0%
    }

    100% {
        opacity: 100%
    }
}

@keyframes myFade {
    0% {
        opacity: 0%
    }

    100% {
        opacity: 100%
    }
}

@-moz-keyframes textLightRainbow {
    0% {
        background: linear-gradient(90deg,#fff 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff3c3 0%,#fff 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    85% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#fff 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes textLightRainbow {
    0% {
        background: linear-gradient(90deg,#fff 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff3c3 0%,#fff 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    85% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#fff 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes textLightRainbow {
    0% {
        background: linear-gradient(90deg,#fff 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff3c3 0%,#fff 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    85% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#fff 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes textLightRainbow {
    0% {
        background: linear-gradient(90deg,#fff 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff3c3 0%,#fff 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    85% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#fff 85%,#b4d8ff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes btn2action {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05);
        color: #f4623e
    }

    100% {
        transform: scale(1.05)
    }
}

@-webkit-keyframes btn2action {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05);
        color: #f4623e
    }

    100% {
        transform: scale(1.05)
    }
}

@-o-keyframes btn2action {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05);
        color: #f4623e
    }

    100% {
        transform: scale(1.05)
    }
}

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

    50% {
        transform: scale(1.05);
        color: #f4623e
    }

    100% {
        transform: scale(1.05)
    }
}

@-moz-keyframes txtwhileRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes txtwhileRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes txtwhileRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes txtwhileRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes txtdarkRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes txtdarkRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes txtdarkRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes txtdarkRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes txtRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes txtRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes txtRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes txtRoseRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes startBlackRainbow {
    100% {
        background: linear-gradient(90deg,#000 0%,#8b453d 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#8b453d 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#8b453d 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#8b453d 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#8b453d 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#8b453d 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#8b453d 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#8b453d 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#8b453d 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#8b453d 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    0% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#000 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes startBlackRainbow {
    100% {
        background: linear-gradient(90deg,#000 0%,#8b453d 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#8b453d 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#8b453d 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#8b453d 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#8b453d 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#8b453d 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#8b453d 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#8b453d 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#8b453d 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#8b453d 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    0% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#000 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes startBlackRainbow {
    100% {
        background: linear-gradient(90deg,#000 0%,#8b453d 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#8b453d 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#8b453d 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#8b453d 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#8b453d 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#8b453d 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#8b453d 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#8b453d 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#8b453d 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#8b453d 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    0% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#000 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes startBlackRainbow {
    100% {
        background: linear-gradient(90deg,#000 0%,#8b453d 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#8b453d 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#8b453d 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#8b453d 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#8b453d 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#8b453d 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#8b453d 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#8b453d 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#8b453d 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#8b453d 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#8b453d 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    0% {
        background: linear-gradient(90deg,#000 0%,#000 10%,#000 20%,#000 30%,#000 40%,#000 50%,#000 60%,#000 70%,#000 80%,#000 90%,#000 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes txtBlackRainbow {
    0% {
        background: linear-gradient(90deg,#d97d6b 0%,#ff77b1 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#ff77b1 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#ff77b1 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#d97d6b 20%,#ff77b1 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ff77b1 0%,#d97d6b 10%,#d97d6b 20%,#d97d6b 30%,#ff77b1 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#e46ce6 0%,#ff77b1 10%,#d97d6b 20%,#d97d6b 30%,#d97d6b 40%,#ff77b1 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#ff77b1 20%,#d97d6b 30%,#d97d6b 40%,#d97d6b 50%,#ff77b1 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#459ffc 0%,#e46ce6 10%,#e46ce6 20%,#ff77b1 30%,#d97d6b 40%,#d97d6b 50%,#d97d6b 60%,#ff77b1 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#459ffc 0%,#459ffc 10%,#e46ce6 20%,#e46ce6 30%,#ff77b1 40%,#d97d6b 50%,#d97d6b 60%,#d97d6b 70%,#ff77b1 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#e46ce6 0%,#459ffc 10%,#459ffc 20%,#e46ce6 30%,#e46ce6 40%,#ff77b1 50%,#d97d6b 60%,#d97d6b 70%,#d97d6b 80%,#ff77b1 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#459ffc 20%,#459ffc 30%,#e46ce6 40%,#e46ce6 50%,#ff77b1 60%,#d97d6b 70%,#d97d6b 80%,#d97d6b 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#ff77b1 0%,#e46ce6 10%,#e46ce6 20%,#459ffc 30%,#459ffc 40%,#e46ce6 50%,#e46ce6 60%,#ff77b1 70%,#d97d6b 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes txtBlackRainbow {
    0% {
        background: linear-gradient(90deg,#d97d6b 0%,#ff77b1 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#ff77b1 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#ff77b1 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#d97d6b 20%,#ff77b1 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ff77b1 0%,#d97d6b 10%,#d97d6b 20%,#d97d6b 30%,#ff77b1 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#e46ce6 0%,#ff77b1 10%,#d97d6b 20%,#d97d6b 30%,#d97d6b 40%,#ff77b1 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#ff77b1 20%,#d97d6b 30%,#d97d6b 40%,#d97d6b 50%,#ff77b1 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#459ffc 0%,#e46ce6 10%,#e46ce6 20%,#ff77b1 30%,#d97d6b 40%,#d97d6b 50%,#d97d6b 60%,#ff77b1 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#459ffc 0%,#459ffc 10%,#e46ce6 20%,#e46ce6 30%,#ff77b1 40%,#d97d6b 50%,#d97d6b 60%,#d97d6b 70%,#ff77b1 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#e46ce6 0%,#459ffc 10%,#459ffc 20%,#e46ce6 30%,#e46ce6 40%,#ff77b1 50%,#d97d6b 60%,#d97d6b 70%,#d97d6b 80%,#ff77b1 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#459ffc 20%,#459ffc 30%,#e46ce6 40%,#e46ce6 50%,#ff77b1 60%,#d97d6b 70%,#d97d6b 80%,#d97d6b 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#ff77b1 0%,#e46ce6 10%,#e46ce6 20%,#459ffc 30%,#459ffc 40%,#e46ce6 50%,#e46ce6 60%,#ff77b1 70%,#d97d6b 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes txtBlackRainbow {
    0% {
        background: linear-gradient(90deg,#d97d6b 0%,#ff77b1 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#ff77b1 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#ff77b1 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#d97d6b 20%,#ff77b1 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ff77b1 0%,#d97d6b 10%,#d97d6b 20%,#d97d6b 30%,#ff77b1 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#e46ce6 0%,#ff77b1 10%,#d97d6b 20%,#d97d6b 30%,#d97d6b 40%,#ff77b1 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#ff77b1 20%,#d97d6b 30%,#d97d6b 40%,#d97d6b 50%,#ff77b1 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#459ffc 0%,#e46ce6 10%,#e46ce6 20%,#ff77b1 30%,#d97d6b 40%,#d97d6b 50%,#d97d6b 60%,#ff77b1 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#459ffc 0%,#459ffc 10%,#e46ce6 20%,#e46ce6 30%,#ff77b1 40%,#d97d6b 50%,#d97d6b 60%,#d97d6b 70%,#ff77b1 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#e46ce6 0%,#459ffc 10%,#459ffc 20%,#e46ce6 30%,#e46ce6 40%,#ff77b1 50%,#d97d6b 60%,#d97d6b 70%,#d97d6b 80%,#ff77b1 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#459ffc 20%,#459ffc 30%,#e46ce6 40%,#e46ce6 50%,#ff77b1 60%,#d97d6b 70%,#d97d6b 80%,#d97d6b 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#ff77b1 0%,#e46ce6 10%,#e46ce6 20%,#459ffc 30%,#459ffc 40%,#e46ce6 50%,#e46ce6 60%,#ff77b1 70%,#d97d6b 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes txtBlackRainbow {
    0% {
        background: linear-gradient(90deg,#d97d6b 0%,#ff77b1 10%,#e46ce6 20%,#e46ce6 30%,#459ffc 40%,#459ffc 50%,#e46ce6 60%,#e46ce6 70%,#ff77b1 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#ff77b1 20%,#e46ce6 30%,#e46ce6 40%,#459ffc 50%,#459ffc 60%,#e46ce6 70%,#e46ce6 80%,#ff77b1 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#d97d6b 0%,#d97d6b 10%,#d97d6b 20%,#ff77b1 30%,#e46ce6 40%,#e46ce6 50%,#459ffc 60%,#459ffc 70%,#e46ce6 80%,#e46ce6 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ff77b1 0%,#d97d6b 10%,#d97d6b 20%,#d97d6b 30%,#ff77b1 40%,#e46ce6 50%,#e46ce6 60%,#459ffc 70%,#459ffc 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#e46ce6 0%,#ff77b1 10%,#d97d6b 20%,#d97d6b 30%,#d97d6b 40%,#ff77b1 50%,#e46ce6 60%,#e46ce6 70%,#459ffc 80%,#459ffc 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#ff77b1 20%,#d97d6b 30%,#d97d6b 40%,#d97d6b 50%,#ff77b1 60%,#e46ce6 70%,#e46ce6 80%,#459ffc 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#459ffc 0%,#e46ce6 10%,#e46ce6 20%,#ff77b1 30%,#d97d6b 40%,#d97d6b 50%,#d97d6b 60%,#ff77b1 70%,#e46ce6 80%,#e46ce6 90%,#459ffc 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#459ffc 0%,#459ffc 10%,#e46ce6 20%,#e46ce6 30%,#ff77b1 40%,#d97d6b 50%,#d97d6b 60%,#d97d6b 70%,#ff77b1 80%,#e46ce6 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#e46ce6 0%,#459ffc 10%,#459ffc 20%,#e46ce6 30%,#e46ce6 40%,#ff77b1 50%,#d97d6b 60%,#d97d6b 70%,#d97d6b 80%,#ff77b1 90%,#e46ce6 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#e46ce6 0%,#e46ce6 10%,#459ffc 20%,#459ffc 30%,#e46ce6 40%,#e46ce6 50%,#ff77b1 60%,#d97d6b 70%,#d97d6b 80%,#d97d6b 90%,#ff77b1 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#ff77b1 0%,#e46ce6 10%,#e46ce6 20%,#459ffc 30%,#459ffc 40%,#e46ce6 50%,#e46ce6 60%,#ff77b1 70%,#d97d6b 80%,#d97d6b 90%,#d97d6b 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-webkit-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-o-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-moz-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-webkit-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-o-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-moz-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-webkit-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-o-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-moz-keyframes textRainbow2 {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes textRainbow2 {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes textRainbow2 {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes textRainbow2 {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    15% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#f3623e 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    25% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    35% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    45% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    55% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#f3623e 0%,#f3623e 10%,#f3623e 20%,#f3623e 30%,#f3623e 40%,#f3623e 50%,#f3623e 60%,#f3623e 70%,#f3623e 80%,#f3623e 90%,#f3623e 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

#cboxContent {
    background: transparent
}

.save {
    padding: 20px;
    margin-bottom: 30px
}

.save button {
    margin: auto;
    display: block
}

.remind {
    padding: 0 20px 20px 20px;
    margin-top: -40px;
    margin: auto
}

.remind input {
    width: 45px;
    display: inline
}

.remind strong {
    padding: 0 10px;
    color: #607b9c
}

.nohover:hover {
    cursor: default !important;
    text-decoration: none !important
}

.successCopy {
    font-size: 10pt
}

.bannerimg {
    background: url("../img/banner.jpg") !important;
    background-size: cover !important;
    height: 460px
}

.price_result {
    width: 150px;
    padding: 10px
}

.price_result .allprice {
    display: inline
}

#addMoney input {
    padding: 10px
}

.shopcart {
    padding: 20px !important;
    background: #e0e0e0 !important;
    border-radius: 10px !important;
    border: 2px solid #9b9b9b !important;
    margin-top: 0 !important;
    font-size: 1em !important
}

.shopcart .label {
    font-size: 1em;
    font-weight: normal
}

.getTableCardonFinish {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 10;
    margin: auto;
    width: 350px;
    margin-left: -125px;
    text-align: left;
    padding: 40px;
    font-size: 1.4em;
    color: #2f0801;
    border-left: 4px solid #f3613e;
    border-radius: 0;
    background: #fff
}

.getTableCardonFinish:hover {
    background: #fde9e3;
    text-decoration: none
}

.finishRazdel {
    float: left;
    width: 100%;
    border-radius: 12px
}

.fullMenuFinishBox {
    height: 30px
}

.fullEmptyBox {
    height: 86px;
    width: 100%;
    float: left
}

.fixFullMenuFinish {
    width: 100%;
    height: 72px;
    position: fixed;
    top: 0;
    z-index: 10;
    background: rgba(239,240,245,0.81);
    left: 0
}

.fullMenuFinish {
    width: 100%
}

.fullMenuFinish .menuFinishRazdel {
    margin: 20px auto;
    left: 50%;
    background: #dde0ec;
    border-radius: 15px;
    position: relative;
    float: left;
    margin-left: -250px
}

.fullMenuFinish .menuFinishRazdel a {
    text-decoration: none;
    position: relative;
    transition: all .4s ease-out .3s;
    padding: 15px 0;
    text-align: center;
    float: left;
    color: #607b9c;
    margin: auto;
    width: 240px;
    font-family: Rotonda;
    cursor: pointer;
    font-size: 1em;
    border-radius: 15px;
    z-index: 5
}

.fullMenuFinish .menuFinishRazdel a:hover {
    color: #445e7d
}

.fullMenuFinish .menuFinishRazdel a.active {
    color: #333;
    border-radius: 20px
}

.fullMenuFinish .menuFinishRazdel .hover {
    position: absolute;
    left: 0%;
    margin: 4px;
    border: 3px solid #efefef;
    padding: 17px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 4px 0 rgba(88,88,88,0.322);
    z-index: 3
}

.fullMenuFinish .menuFinishRazdel .inviteFinishTabPosition {
    left: 0%
}

.fullMenuFinish .menuFinishRazdel .eventFinishTabPosition {
    left: 49%
}

#dashboard .dbrow {
    margin-top: 25px
}

#dashboard .dbrow2 {
    margin: 70px 0 40px 0
}

#dashboard .dbinfo {
    background: #fff;
    height: 210px;
    box-shadow: 1px 6px 10px 1px rgba(140,159,181,0.122);
    margin-bottom: 12px;
    font-family: Montserrat;
    color: #000;
    border-radius: 10px;
    padding: 20px 20px
}

#dashboard .dbinfo .progress-bar {
    background-color: #f4623e;
    box-shadow: none !important
}

#dashboard .dbinfo .progress {
    height: 4px;
    border: 0 solid #979797;
    box-shadow: none;
    background-color: #eff0f5;
    border-radius: 20px;
    margin-bottom: 5px
}

#dashboard .dbinfo .minitext {
    text-align: center
}

#dashboard .dbinfo .fa-lock {
    font-size: 1.4em
}

#dashboard .dbinfo .styleimg {
    height: 80px;
    width: 80px;
    float: left;
    background: #fff;
    margin-left: 0;
    background-size: cover;
    background-position: 100% 50%;
    border-radius: 54px
}

#dashboard .dbinfo .cards {
    width: 100%;
    height: 50px
}

#dashboard .dbinfo .text {
    float: left;
    padding-top: 12px
}

#dashboard .dbinfo .text b {
    padding-bottom: 10px
}

#dashboard .dbinfo .title {
    color: #111;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.1em;
    padding: 0 0 14px 0
}

#dashboard .dbinfo p {
    font-size: .85em;
    font-family: Rotonda
}

#dashboard .dbinfo .btn {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -55px;
    border-radius: 40px
}

.iphone .preview {
    background: url("../img/iphone5.png") 59% 10% no-repeat !important
}

.imac .preview {
    background: url("../img/imac.png") 50% 100% no-repeat !important
}

.imac .screenshot {
    margin-left: -69px;
    top: 13px;
    height: 83px;
    width: 139px
}

.ipad {
    padding: 40px 0 40px 30px
}

.ipad .info {
    left: 68% !important
}

.ipad .preview {
    background-position: 50% !important;
    width: 235px !important;
    height: 389px !important;
    position: relative !important;
    background-size: contain !important;
    margin-left: 29px !important
}

.ipad .screenshot {
    background: url("../../src/img/eframe.png");
    margin-left: -29px !important;
    width: 265px;
    height: 389px
}

.ipad .preview.iphone {
    width: 117px !important;
    height: 210px !important;
    bottom: 0 !important;
    position: absolute !important;
    right: -43px !important;
    background: #e0e0e0;
    box-shadow: 0 9px 20px 16px rgba(0,0,0,0.12) !important
}

.ipad .preview.iphone .screenshot {
    background-image: url("../../src/img/eframe_iphone.png") !important;
    width: 132px !important;
    height: 270px !important;
    background-size: cover !important;
    margin-left: -7px !important;
    margin-top: -30px !important
}

.fa-spin {
    margin-left: -16px !important
}

.aboutPaper,.aboutElectro {
    padding: 10px 0 15px 30px !important
}

.printalert {
    padding: 10px;
    margin-top: 15px
}

.btn-group-on-black.btn-group {
    background: rgba(50,47,63,0.902);
    padding: 5px;
    border-radius: 20px;
    margin-left: -180px
}

.btn-group-on-black.btn-group .btn {
    padding: 8px 25px;
    color: #888 !important;
    margin-top: 3px
}

.btn-group-on-black.btn-group .btn:hover {
    color: #fff !important;
    cursor: pointer
}

.btn-group-on-black.btn-group .btn.active {
    color: #16182a !important;
    border: 3px solid #e0bb86 !important;
    background: #ffe0b4 !important;
    margin-top: 0;
    border-radius: 15px !important;
    box-shadow: 0 0 4px 0 #000
}

.btn-group-on-black.btn-group .btn.marker {
    color: #f3623e !important
}

.maket_v2 .textLine[action=text1] {
    transform: scale(1.2);
    line-height: 1.2em !important
}

.maket_v2 .textLine:not([action=text1]) {
    transform: scale(.9)
}

.maket_v2 .moveBox:not(:nth-child(2)) .textLine:not([action=text1]) {
    margin-top: -1em !important
}

.maket_v2 .textBox {
    top: 20% !important
}

.maket_v3 .textLine[action=text1] {
    line-height: 1.2em !important
}

.maket_v4 .textLine[action=text1] {
    transform: scale(1.2);
    line-height: 1.2em !important
}

.PDFcontrol .btn-group {
    padding: 0 !important;
    margin-right: 10px !important;
    float: left !important
}

.trans {
    background: none !important
}

.addNewInvBox {
    width: 97%;
    margin-left: 17px
}

.addNewTr {
    background: rgba(255,255,255,0.6)
}

.addNewTr a {
    background: #fee9e3;
    padding: 7px 15px;
    color: #000;
    display: block;
    float: left;
    font-family: Montserrat;
    font-weight: 600;
    margin-top: 7px;
    margin-left: 35px;
    margin-bottom: 10px;
    border-radius: 30px
}

.addNewTr a:hover {
    text-decoration: none;
    transform: scale(1.05);
    background: #f46949;
    color: #fff
}

.actionModalBtn {
    padding: 6px 18px;
    border-radius: 23px;
    margin: 0;
    float: left !important;
    background: #d97d6b;
    color: #fff;
    font-size: 16px !important;
    font-family: Rotonda Bold !important
}

.actionModalBtn span {
    padding-left: 4px;
    font-weight: 100 !important;
    font-size: 16px !important;
    font-family: Rotonda Bold !important
}

.actionModalBtn:hover {
    transform: scale(1.05);
    color: #fff;
    transition: all .2s ease-out 0s
}

.prodinfo .downloadPDF {
    float: right;
    position: absolute
}

.showPDFModal {
    cursor: pointer
}

.downloadPDF {
    background: #f3623e;
    font-family: Montserrat;
    color: #fff;
    border-radius: 20px
}

.downloadPDF:hover {
    color: #fff;
    transform: scale(1.1);
    background: rgba(73,187,97,0.812)
}

.downloadPDF .fa {
    margin-right: 5px
}

.downloadPDF .fa-spin {
    display: none
}

#downloadPDFModal .info_designer {
    padding: 13px;
    margin-top: 13px;
    font-size: 13px;
    float: left;
    width: 100%;
    text-align: left;
    color: #545454;
    background: #c8e2fd;
    border-radius: 10px
}

#downloadPDFModal .downloadBox {
    margin: 7px
}

#downloadPDFModal .actionModalBtn {
    padding: 5px 12px;
    border-radius: 12px;
    margin: 0;
    font-size: 14px !important;
    font-family: Rotonda !important
}

.dbelement .alert-success {
    color: #111;
    display: flex;
    background-color: #f1fff4;
    border-radius: 10px;
    border: 2px solid #00ac46;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    max-width: 290px;
    float: initial;
    margin: auto;
    text-align: left;
    margin-top: 13px
}

.dbelement .alert-success .btn {
    background: #f3613e;
    color: #fff;
    font-family: 'Rotonda' !important;
    padding: 16px;
    display: flex;
    border-radius: 10px;
    border-radius: 50px;
    margin-left: 11px;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center
}

.dbelement .alert-success .btn .fa {
    margin: auto
}

.dbelement .alert-success .btn:hover {
    transform: scale(1.1);
    color: #fff
}

#viewMaket {
    padding: 0 50px
}

.btn-group-on-white.btn-group {
    float: right;
    border-radius: 50px;
    background: rgba(138,157,179,0.22);
    padding: 4px
}

.btn-group-on-white.btn-group .title {
    float: left;
    padding: 10px;
    diaply: block
}

.btn-group-on-white.btn-group .btn {
    padding: 6px 17px;
    color: #5b6574 !important;
    margin-top: 0
}

.btn-group-on-white.btn-group .btn:hover {
    color: #333 !important;
    cursor: pointer
}

.btn-group-on-white.btn-group .btn.active {
    color: #333 !important;
    background: #fff !important;
    border-radius: 50px !important;
    box-shadow: none
}

.btn-group-on-white.btn-group .btn.marker {
    color: #f3623e !important
}

.group-style {
    margin-right: -206px !important;
    float: right !important;
    right: 50% !important;
    padding: 20px 0 !important
}

.group-style .btn {
    font-size: .8em !important
}

.mySiteLink {
    min-width: 250px;
    border: 1px solid #000;
    padding: 10px;
    font-family: 'Montserrat';
    font-weight: 500;
    border-radius: 26px;
    margin: auto;
    text-align: left;
    display: block;
    font-size: 1em;
    max-width: 270px
}

.mySiteLink .fa {
    margin-right: 0 !important
}

.mySiteLink i {
    padding: 3px 10px
}

.mySiteLink .fa-cog {
    float: right;
    padding-top: 2px;
    padding-left: 1px;
    color: #111;
    transition: all .4s ease-out 0s;
    cursor: pointer
}

.mySiteLink .fa-cog:hover {
    transform: scale(1.1);
    transform: rotate(90deg)
}

.mySiteLink .fa-globe {
    color: #111
}

.mySiteLink:hover {
    text-decoration: none
}

#modalDomain input {
    background: #fff
}

#modalDomain .addDomain {
    background: #f3623e;
    border-radius: 200px;
    color: #fff;
    padding: 6px 22px
}

#modalDomain .domainAdd {
    margin-bottom: 13px;
    margin-left: 45px
}

#modalDomain .domainList {
    font-family: Rotonda;
    font-weight: normal
}

#modalDomain .form-check-label {
    margin: 10px
}

#modalDomain .form-check-label i.radioDomain {
    font-size: 1.5em;
    color: rgba(165,180,198,0.451);
    cursor: pointer;
    margin: 5px 15px
}

#modalDomain .form-check-label i.radioDomain.fa-check-circle {
    color: #f3623e
}

#modalDomain .statusDomain {
    position: relative;
    text-align: right;
    margin-bottom: 9px;
    clear: both;
    min-height: 22px;
    text-align: left
}

#modalDomain .budget {
    top: 3px;
    left: 240px;
    font-size: 8pt;
    min-width: 34px;
    float: right;
    text-align: center;
    margin-left: 7px;
    color: #f4623e !important;
    background: #fee9e3 !important;
    padding: 4px 9px 1px 9px;
    border-radius: 2px
}

.domainZone {
    width: 160px !important
}

.domainZone .btn {
    font-family: Rotonda
}

.inputEditDomain button {
    background: #f3f3f3
}

.inputEditDomain .end {
    float: left;
    padding: 0;
    margin-left: -14px
}

.inputEditDomain .end .bootstrap-select {
    font-size: .9em;
    width: 170px !important;
    float: left;
    font-family: Rotonda
}

.inputEditDomain .end .bootstrap-select button {
    background: #fff;
    border: 1px solid #000;
    border-radius: 26px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.inputEditDomain .end .btn-style-one {
    margin-left: 8px;
    margin-top: -2px
}

.inputEditDomain input {
    width: 160px;
    text-align: right;
    padding: 0;
    float: left;
    padding: 6px 2px 6px 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #000;
    font-family: Rotonda;
    font-weight: bold !important;
    z-index: 8 !important
}

.inputEditDomain .after {
    width: 3px;
    height: 33px;
    position: absolute;
    z-index: 11 !important;
    top: 1px;
    background: #fff;
    left: 11px
}

.start {
    position: absolute;
    z-index: 10;
    padding: 1px
}

.paper {
    padding: 40px 0 40px 30px
}

.paper .preview {
    background-position: 50% !important;
    background-color: #fff
}

.paper .screenshot {
    margin-left: -51px;
    height: 118px;
    top: 7px;
    background-position: 70% 15%
}

.modal-body .dbelement {
    text-align: left !important;
    background: none;
    box-shadow: none;
    margin: 25px 0 0 0;
    max-width: initial !important
}

.modal-body .dbelement.ipad .alert-warning {
    background: #fee7c1 !important
}

.modal-body .dbelement.ipad .fa-warning {
    color: #e63a77
}

.modal-body .alert-warning {
    background: none;
    border: 0 solid rgba(0,0,0,0)
}

.dbelement {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    display: flex;
    background: #fff;
    padding: 21px;
    margin: auto;
    box-shadow: 1px 6px 10px 1px rgba(140,159,181,0.122);
    border-radius: 10px;
    max-width: 500px;
    min-height: 290px
}

.dbelement .fa-mobile {
    font-size: 1.4em
}

.dbelement [trueorder] .normalprice {
    position: relative;
    right: 0
}

.dbelement .alert-success .col-xs-9 {
    text-align: left;
    margin-left: 6px;
    font-size: .9em
}

.dbelement .alert-success .fa-2x {
    font-size: 2.5em !important;
    color: #06ab47
}

.dbelement .btn-style-one {
    background: #fff !important;
    color: #f4623e !important;
    font-size: 1em;
    font-size: .9em !important;
    background: #fde9e3 !important;
    font-family: Montserrat !important;
    padding: 14px 18px 14px 18px !important;
    box-shadow: none !important
}

.dbelement .btn-style-one:hover {
    background: rgba(255,195,179,0.569) !important;
    color: #111 !important
}

.dbelement .btn-call2action {
    border-radius: 100px;
    width: 100%;
    margin: auto;
    max-width: 279px;
    font-family: 'Montserrat';
    margin-bottom: 7px !important;
    padding: 16px 20px 16px 20px;
    cursor: pointer;
    margin: auto;
    display: block;
    text-align: center;
    transition: all .5s ease-out 0s;
    text-decoration: none !important;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 1em;
    text-align: center
}

.dbelement a.whatis {
    background: #fee9e3;
    border-radius: 10px;
    padding: 4px 10px;
    margin-top: 5px;
    margin-left: 2px;
    color: #f3623e;
    font-size: 1em;
    display: inline;
    float: revert;
    text-decoration: none
}

.dbelement .title {
    color: #111;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 1.2em;
    display: block;
    margin-bottom: 25px
}

.dbelement .info {
    display: inline;
    margin-left: 12px;
    font-size: 1.1em
}

.dbelement input[type=radio] {
    float: left
}

.dbelement .screenshot {
    position: relative;
    height: 100%
}

.dbelement .preview {
    width: 276px;
    height: 389px;
    position: relative;
    margin: auto;
    margin-bottom: 30px;
    margin-top: 27px;
    box-shadow: 0 9px 20px 7px rgba(0,0,0,0.12)
}

.dbelement .edit {
    color: #111 !important;
    font-size: 12pt !important;
    display: block;
    text-align: center;
    font-size: .95em !important
}

.dbelement .printlink {
    bottom: -140px !important;
    z-index: 10
}

.dbelement a.view {
    width: 100%;
    height: 100%;
    background: rgba(155,154,155,0);
    cursor: zoom-in;
    position: absolute
}

.dbelement .fa-spin {
    font-size: 5em;
    color: rgba(22,140,143,0.5);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    position: absolute;
    top: 40%;
    width: 100%;
    left: 20px;
    padding: 7px 16px
}

.dbelement .format {
    display: inline;
    padding: 8px 2px 6px 3px;
    font-size: .9em;
    color: #fff;
    background: #7faad6;
    margin: 12px
}

.dbelement .printVerify {
    display: inline;
    font-size: .8em;
    padding: 7px 10px;
    border: 1px solid #bc8f8f;
    color: #bc8f8f;
    border-radius: 20px
}

.dbelement .printNo {
    background: rgba(255,197,197,0.161);
    cursor: pointer
}

.dbelement .price {
    border-radius: 0;
    color: #000;
    font-size: 1em !important;
    float: right;
    font-weight: bold;
    padding: 5px 10px;
    position: relative;
    right: 7px;
    font-size: 12pt
}

.dbelement .price strike {
    font-size: 1em !important;
    font-weight: 600 !important;
    font-family: 'Montserrat'
}

.dbelement .price sup {
    height: 43px;
    display: block;
    width: 43px;
    right: -41px;
    top: -30px;
    font-family: 'Montserrat';
    background: #ffc460;
    border: 0 solid;
    padding: 21px 6px 19px 7px;
    transform: rotate(327deg);
    border-radius: 50px;
    z-index: 100
}

.dbelement .boxPriceInfo.ordered .normalprice {
    color: #fff !important;
    background: linear-gradient(45deg,#f578a1,#e17c78) !important
}

.dbelement .boxPriceInfo.ordered input {
    visibility: hidden
}

.dbelement .boxPriceInfo {
    position: relative
}

.dbelement .boxPriceInfo .fa-gift {
    color: #fff;
    display: inline-block;
    padding: 5px 6px;
    background: #f3623e;
    border-radius: 30px
}

.dbelement .boxPriceInfo.selected {
    border: 1px solid;
    padding: 10px;
    margin: 10px -10px 20px -10px;
    border-radius: 0;
    background: #fee9e3;
    box-shadow: 5px 5px #333
}

.dbelement .pricecontentFree sup {
    right: 17px !important;
    top: -21px !important
}

.dbelement .pricecontentFree .price {
    left: 98px !important;
    top: 5px !important
}

.dbelement .counting {
    display: inline;
    padding: 11px;
    color: #bbb
}

.dbelement .leftprice {
    float: inherit;
    display: inline;
    margin-left: 8px
}

.dbelement .printCounting label {
    width: inherit !important
}

.dbelement .countInv {
    width: 50px;
    display: inline;
    top: 1px;
    text-align: center;
    z-index: 11;
    border-radius: 4px;
    position: relative;
    margin-bottom: 10px
}

.dbelement .delivery {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #d4d4d8;
    border-radius: 15px
}

.dbelement .delivery label {
    font-size: 1em
}

.dbelement .delivery input[type=text] {
    margin: 10px;
    width: 90%
}

.dbelement .delivery hr {
    background: #d4d4d8;
    border-top: 1px solid #d4d4d8
}

.dbelement .delivery .normalprice {
    position: relative !important
}

.dbelement .inputControl {
    background: rgba(210,212,220,0.302);
    width: 6px;
    height: 34px;
    font-family: Arial;
    margin-top: -1px;
    padding: 6px 14px 10px 7px;
    cursor: pointer
}

.dbelement .inputControl.down {
    margin-left: 15px;
    margin-right: -5px
}

.dbelement .inputControl.up {
    margin-left: -5px
}

.dbelement .freePrint {
    margin-bottom: 20px
}

.dbelement .normalprice {
    position: absolute;
    top: 0;
    right: -20px;
    color: #000 !important;
    background: #fde6bf !important;
    font-weight: normal !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    font-family: 'Montserrat';
    padding: 4px 8px 4px 8px
}

.dbelement .saleprice {
    font-size: 1em !important;
    font-weight: 400 !important;
    font-family: 'Montserrat';
    background: #f3623e !important;
    position: relative;
    left: 76px !important;
    font-size: 12pt !important;
    top: 25px !important;
    color: #fff !important
}

.dbelement a.name {
    color: #000;
    font-size: 1.5em;
    font-weight: 700;
    padding: 10px 0 7px 10px;
    font-family: Montserrat !important
}

.dbelement a.name:hover {
    cursor: pointer
}

.dbelement .fa {
    margin-right: 12px
}

.dbelement span.dopinfo {
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    font-size: .9em;
    padding: 20px 0 30px 0;
    display: block
}

.dbelement span.dopinfo.underradio {
    padding: 0 100px 20px 30px
}

.dbelement label {
    padding-left: 10px;
    font-size: 1.2em;
    color: #000;
    width: 90%;
    font-family: Montserrat;
    font-weight: 600
}

.dbelement a.edit {
    font-size: 2em;
    color: #9b9b9b;
    padding: 15px 0 10px 0
}

.dbelement a.edit:hover {
    color: #5c5c5c;
    cursor: pointer
}

.dbelement .addinfo {
    border-top: 1px solid #9b9b9b;
    color: #5c5c5c;
    padding: 8px 0 0 0
}

.dbelement a.addinfo {
    cursor: pointer
}

.dbelement .btnGet {
    float: right;
    margin-top: 15px
}

.bigpaper .preview {
    height: 189px !important;
    position: absolute !important;
    width: 136px !important;
    margin: auto !important;
    left: 50% !important;
    margin-left: -68px !important;
    overflow: hidden;
    top: 28px;
    border: 2px solid #fff
}

.bigpaper .preview img {
    position: absolute;
    left: 50%;
    margin-left: -160px
}

.siteprice {
    float: left
}

.payOn {
    font-family: 'Montserrat' !important;
    max-width: 307px !important;
    margin-bottom: 10px
}

.payOn i.fa {
    display: none
}

.payOn.loading {
    opacity: .5
}

.payOn.loading i.fa {
    display: inline
}

.shield {
    background: url("../img/shield.png") no-repeat;
    width: 100px;
    margin-left: -20px;
    height: 100px;
    background-size: contain
}

.textgarant {
    line-height: 1.8em
}

.textgarant b {
    color: #5c5c5c
}

.textgarant i.fa {
    color: #22c15a;
    font-size: 1.7em;
    margin-right: 10px;
    position: relative;
    top: 3px
}

#modalInfoElectro .modal-body,#modalInfoPDF .modal-body {
    font-size: .8em
}

.banner_smart {
    width: 800px;
    height: 200px;
    background: url("../img/banner_smart.png") no-repeat;
    background-size: contain;
    margin: auto
}

.ic {
    display: block;
    background-size: contain
}

.ic-hands-up {
    background-image: url("../img/hands-up.png");
    background-repeat: no-repaet
}

.ic-xs {
    width: 20px;
    height: 20px
}

.ic-s {
    width: 30px;
    height: 30px
}

.ic-m {
    width: 40px;
    height: 40px
}

.ic-l {
    width: 50px;
    height: 50px
}

.ic-xl {
    width: 60px;
    height: 60px
}

.fl-yesmeeting {
    float: left !important;
    background: #00ac46 !important
}

.fl-nomeeting {
    float: left !important;
    padding: 3px 15.5px;
    border-radius: 20px;
    background: #dd468a !important
}

.fl-nomeeting:hover {
    background: #e62e48
}

.fl-nomeeting:hover .fa {
    color: #e6448c
}

.fl-nomeeting .fa {
    color: #e6448c;
    font-size: 20px;
    margin-top: 4px
}

.fl-nomeeting.active {
    background: #e62e48;
    border: 2px solid #e62e48
}

.fl-nomeeting.active .fa {
    color: #fff
}

.noBanket {
    z-index: 0;
    position: relative;
    background: rgba(241,241,241,0.5)
}

.noBanket [data-name=Name],.noBanket [data-name=Sex],.noBanket [data-name=Count] {
    color: #bab0ac !important
}

.noBanket [data-name=Electro] *,.noBanket [data-name=Paper] * {
    display: none
}

.noBanket .undertext {
    display: none
}

.noBanket .tableSelect {
    visibility: hidden
}

.noBanket:hover {
    background: #eee !important
}

.fl-table {
    position: relative;
    padding: 17px
}

.fl-table .title {
    position: absolute;
    top: 5px;
    left: 8px;
    font-size: .7em;
    display: block
}

.fl-table .table-seating {
    position: relative
}

.fl-table b {
    display: block;
    margin-top: -6px;
    font-weight: 800;
    font-size: 1.5em;
    font-family: Arial
}

.tableSelect li a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.tableSelect li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.fastlink {
    float: right;
    width: 40px;
    margin-left: 10px
}

.fastlink .fa {
    position: relative;
    left: -6px
}

.editOnModal,.btnOnModal {
    font-family: Rotonda !important;
    border-radius: 21px;
    font-size: 1em !important;
    background: #ffe0b4;
    padding: 7px 18px 5px 18px;
    margin-left: 5px;
    margin-top: 5px;
    color: #020020;
    float: right;
    position: relative
}

.btnOnModal-btn-two {
    background: #cfe7ff;
    color: #2b5280
}

.allGuestBox.trWithoutNo .noAgree,.allGuestBox.trWithoutNo .noBanket {
    display: none
}

.groupInvite.sendStatus {
    min-height: 100px
}

.groupInvite.sendStatus [data-name=Electro] .moreGuest .btn-style-one {
    display: none
}

.groupInvite.sendStatus .statElectro {
    display: block !important
}

.groupInvite.sendStatus .moreGuest .dropdown,.groupInvite.sendStatus .moreGuest .electroLink {
    display: none !important
}

.electroLink {
    position: relative
}

.allGuestBox .btn {
    border-radius: 30px !important
}

.allGuestBox .headerBox {
    border-bottom: 1px solid #000
}

.allGuestBox .headerBox span {
    font-size: 1em;
    display: block;
    float: left;
    padding: 10px 0 7px 0;
    text-align: center;
    font-weight: 600;
    font-family: Montserrat;
    color: #000
}

.allGuestBox .headerBox .val {
    display: block;
    float: left;
    color: #f3613e;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 700;
    padding: 3px 0 2px 0;
    text-align: center;
    min-width: 23px;
    position: relative;
    top: 8px;
    right: -2px;
    border-radius: 16px;
    margin-left: 5px
}

.allGuestBox button,.allGuestBox a.buttonStyle {
    font-family: Rotonda !important;
    font-weight: 500;
    font-size: 10pt;
    display: block;
    width: 192px;
    margin-bottom: 5px
}

.allGuestBox .btn-style-one {
    background: #ffc2b2;
    color: #111;
    border: 1px solid #ffc2b2
}

.allGuestBox .fastlinks a:first-child {
    margin-left: 0 !important
}

.allGuestBox .fastlinks {
    min-width: 300px;
    margin-bottom: 5px;
    float: left
}

.allGuestBox .fastlinks a {
    float: left
}

.allGuestBox .fastlinks .dropdown-toggle {
    margin-left: 10px
}

.allGuestBox .groupInvite:hover,.allGuestBox .trTable:hover {
    border: 1px solid #000 2;
    background: #fff6e9;
    color: #000
}

.allGuestBox .groupInvite:hover .showMoreGuest a,.allGuestBox .trTable:hover .showMoreGuest a {
    visibility: visible !important
}

.allGuestBox .groupInvite:hover .linkGuests,.allGuestBox .trTable:hover .linkGuests {
    visibility: visible !important
}

.allGuestBox .onlyOneGuest .oneGuest {
    display: block !important
}

.allGuestBox .onlyOneGuest .moreGuest {
    display: none !important
}

.allGuestBox .onlyOneGuest .fastlinks {
    float: left
}

.allGuestBox .groupInviteMobile .groupInfo {
    margin: 10px -10px !important
}

.allGuestBox .groupInviteMobile .countGuest {
    margin: 0 !important
}

.allGuestBox .groupInviteMobile .invType {
    float: left
}

.allGuestBox .groupInviteMobile .invIcon .fa-mobile {
    float: left;
    font-size: 22pt;
    margin-top: 1px
}

.allGuestBox .groupInviteMobile .invIcon .fa-file {
    float: left;
    font-size: 12pt;
    margin-top: 0
}

.allGuestBox .groupInvite,.allGuestBox .groupInviteMobile,.allGuestBox .trTable {
    font-family: Rotonda;
    position: relative;
    background: #fff;
    border: 1px solid #eff0f5;
    padding: 15px 8px 10px 8px
}

.allGuestBox .groupInvite .guestBox,.allGuestBox .groupInviteMobile .guestBox,.allGuestBox .trTable .guestBox {
    clear: both
}

.allGuestBox .groupInvite .oneGuest,.allGuestBox .groupInviteMobile .oneGuest,.allGuestBox .trTable .oneGuest {
    display: none;
    color: #8c9fb5
}

.allGuestBox .groupInvite .oneGuest b,.allGuestBox .groupInviteMobile .oneGuest b,.allGuestBox .trTable .oneGuest b {
    color: #333;
    font-size: 10pt
}

.allGuestBox .groupInvite .moreGuest,.allGuestBox .groupInviteMobile .moreGuest,.allGuestBox .trTable .moreGuest {
    display: block;
    cursor: pointer
}

.allGuestBox .groupInvite .statElectro,.allGuestBox .groupInviteMobile .statElectro,.allGuestBox .trTable .statElectro {
    margin: auto;
    display: none;
    width: 180px;
    margin-left: 25px;
    padding-top: 4px
}

.allGuestBox .groupInvite .statElectro .answered,.allGuestBox .groupInviteMobile .statElectro .answered,.allGuestBox .trTable .statElectro .answered {
    width: 10px !important;
    height: 10px;
    margin: 10px -21px;
    display: none
}

.allGuestBox .groupInvite .statElectro .allGuest .fa-users,.allGuestBox .groupInviteMobile .statElectro .allGuest .fa-users,.allGuestBox .trTable .statElectro .allGuest .fa-users {
    font-size: 13pt;
    left: 8px;
    top: 5px;
    color: #8d9db5;
    position: relative
}

.allGuestBox .groupInvite .statElectro .allGuest strong,.allGuestBox .groupInviteMobile .statElectro .allGuest strong,.allGuestBox .trTable .statElectro .allGuest strong {
    color: #8d9db5
}

.allGuestBox .groupInvite .statElectro .linkGuests,.allGuestBox .groupInviteMobile .statElectro .linkGuests,.allGuestBox .trTable .statElectro .linkGuests {
    position: relative;
    visibility: hidden;
    width: 180px;
    text-align: center;
    top: 8px;
    color: #f3613e;
    font-size: 13px;
    border-bottom: 1px dashed #c39899
}

.allGuestBox .groupInvite .statElectro .linkGuests:hover,.allGuestBox .groupInviteMobile .statElectro .linkGuests:hover,.allGuestBox .trTable .statElectro .linkGuests:hover {
    text-decoration: none
}

.allGuestBox .groupInvite .statElectro div,.allGuestBox .groupInviteMobile .statElectro div,.allGuestBox .trTable .statElectro div {
    width: 45px;
    float: left
}

.allGuestBox .groupInvite .statElectro div strong,.allGuestBox .groupInviteMobile .statElectro div strong,.allGuestBox .trTable .statElectro div strong {
    color: #333
}

.allGuestBox .groupInvite .statElectro .fa-stack,.allGuestBox .groupInviteMobile .statElectro .fa-stack,.allGuestBox .trTable .statElectro .fa-stack {
    margin-left: -8px;
    margin-right: 0;
    float: left;
    display: block;
    position: relative
}

.allGuestBox .groupInvite .statElectro .fa-user,.allGuestBox .groupInviteMobile .statElectro .fa-user,.allGuestBox .trTable .statElectro .fa-user,.allGuestBox .groupInvite .statElectro .fa-coffee,.allGuestBox .groupInviteMobile .statElectro .fa-coffee,.allGuestBox .trTable .statElectro .fa-coffee {
    font-size: 12pt;
    margin-top: 2px
}

.allGuestBox .groupInvite .statElectro .fa-check-circle,.allGuestBox .groupInviteMobile .statElectro .fa-check-circle,.allGuestBox .trTable .statElectro .fa-check-circle,.allGuestBox .groupInvite .statElectro .fa-ban,.allGuestBox .groupInviteMobile .statElectro .fa-ban,.allGuestBox .trTable .statElectro .fa-ban {
    top: 6px
}

.allGuestBox .groupInvite .statElectro .fff_pod,.allGuestBox .groupInviteMobile .statElectro .fff_pod,.allGuestBox .trTable .statElectro .fff_pod {
    width: 18px;
    height: 18px;
    background: #fff;
    left: 16px;
    top: 10px
}

.allGuestBox .groupInvite .statElectro strong,.allGuestBox .groupInviteMobile .statElectro strong,.allGuestBox .trTable .statElectro strong {
    font-size: 14px;
    padding: 7px 4px 0 0;
    float: left
}

.allGuestBox .groupInvite .statElectro .noactive strong,.allGuestBox .groupInviteMobile .statElectro .noactive strong,.allGuestBox .trTable .statElectro .noactive strong,.allGuestBox .groupInvite .statElectro .noactive .fa,.allGuestBox .groupInviteMobile .statElectro .noactive .fa,.allGuestBox .trTable .statElectro .noactive .fa {
    color: rgba(140,159,181,0.51) !important
}

.allGuestBox .groupInvite .statElectro .yesGuest .fa-user,.allGuestBox .groupInviteMobile .statElectro .yesGuest .fa-user,.allGuestBox .trTable .statElectro .yesGuest .fa-user,.allGuestBox .groupInvite .statElectro .yesGuest strong,.allGuestBox .groupInviteMobile .statElectro .yesGuest strong,.allGuestBox .trTable .statElectro .yesGuest strong {
    color: #00ac46
}

.allGuestBox .groupInvite .statElectro .sendGuest .fa-user,.allGuestBox .groupInviteMobile .statElectro .sendGuest .fa-user,.allGuestBox .trTable .statElectro .sendGuest .fa-user,.allGuestBox .groupInvite .statElectro .sendGuest strong,.allGuestBox .groupInviteMobile .statElectro .sendGuest strong,.allGuestBox .trTable .statElectro .sendGuest strong {
    color: #64abe6
}

.allGuestBox .groupInvite .statElectro .noGuest .fa-user,.allGuestBox .groupInviteMobile .statElectro .noGuest .fa-user,.allGuestBox .trTable .statElectro .noGuest .fa-user,.allGuestBox .groupInvite .statElectro .noGuest strong,.allGuestBox .groupInviteMobile .statElectro .noGuest strong,.allGuestBox .trTable .statElectro .noGuest strong {
    color: #f3613e
}

.allGuestBox .groupInvite .guestControl .editGuest,.allGuestBox .groupInviteMobile .guestControl .editGuest,.allGuestBox .trTable .guestControl .editGuest,.allGuestBox .groupInvite .guestControl .editTable,.allGuestBox .groupInviteMobile .guestControl .editTable,.allGuestBox .trTable .guestControl .editTable {
    margin-right: -25px;
    margin-top: 10px
}

.allGuestBox .groupInvite .dropdown .fa-file,.allGuestBox .groupInviteMobile .dropdown .fa-file,.allGuestBox .trTable .dropdown .fa-file,.allGuestBox .groupInvite button .fa-file,.allGuestBox .groupInviteMobile button .fa-file,.allGuestBox .trTable button .fa-file,.allGuestBox .groupInvite .buttonStyle .fa-file,.allGuestBox .groupInviteMobile .buttonStyle .fa-file,.allGuestBox .trTable .buttonStyle .fa-file {
    font-size: 10pt;
    margin-right: 8px;
    position: relative;
    top: -1px
}

.allGuestBox .groupInvite .dropdown .fa-mobile,.allGuestBox .groupInviteMobile .dropdown .fa-mobile,.allGuestBox .trTable .dropdown .fa-mobile,.allGuestBox .groupInvite button .fa-mobile,.allGuestBox .groupInviteMobile button .fa-mobile,.allGuestBox .trTable button .fa-mobile,.allGuestBox .groupInvite .buttonStyle .fa-mobile,.allGuestBox .groupInviteMobile .buttonStyle .fa-mobile,.allGuestBox .trTable .buttonStyle .fa-mobile {
    font-size: 22px;
    position: absolute;
    left: 35px;
    top: 5px
}

.allGuestBox .groupInvite .dropdown .fa-share,.allGuestBox .groupInviteMobile .dropdown .fa-share,.allGuestBox .trTable .dropdown .fa-share,.allGuestBox .groupInvite button .fa-share,.allGuestBox .groupInviteMobile button .fa-share,.allGuestBox .trTable button .fa-share,.allGuestBox .groupInvite .buttonStyle .fa-share,.allGuestBox .groupInviteMobile .buttonStyle .fa-share,.allGuestBox .trTable .buttonStyle .fa-share {
    font-size: 12px;
    margin-left: 6px;
    margin-top: 3px;
    position: absolute
}

.allGuestBox .groupInvite .countInv,.allGuestBox .groupInviteMobile .countInv,.allGuestBox .trTable .countInv {
    float: left;
    position: relative
}

.allGuestBox .groupInvite .countInv span,.allGuestBox .groupInviteMobile .countInv span,.allGuestBox .trTable .countInv span {
    display: block;
    top: 3px;
    color: #000;
    font-family: Montserrat;
    left: -5px;
    position: absolute
}

.allGuestBox .groupInvite .groupInfo,.allGuestBox .groupInviteMobile .groupInfo,.allGuestBox .trTable .groupInfo {
    float: left;
    margin-left: 30px;
    width: 100%;
    margin-top: 5px
}

.allGuestBox .groupInvite .groupInfo .oneGuest,.allGuestBox .groupInviteMobile .groupInfo .oneGuest,.allGuestBox .trTable .groupInfo .oneGuest {
    margin-left: 52px;
    margin-top: 2px
}

.allGuestBox .groupInvite .groupInfo .oneGuest b,.allGuestBox .groupInviteMobile .groupInfo .oneGuest b,.allGuestBox .trTable .groupInfo .oneGuest b {
    color: #7a7a7a;
    font-size: .95em
}

.allGuestBox .groupInvite .groupInfo .guestTitle,.allGuestBox .groupInviteMobile .groupInfo .guestTitle,.allGuestBox .trTable .groupInfo .guestTitle {
    color: #333;
    margin-left: -10px
}

.allGuestBox .groupInvite .groupInfo .guestTitle .invIcon,.allGuestBox .groupInviteMobile .groupInfo .guestTitle .invIcon,.allGuestBox .trTable .groupInfo .guestTitle .invIcon {
    float: left;
    display: block;
    width: 50px;
    height: 42px;
    color: #8c9fb5;
    font-size: 16pt;
    margin: -11px 11px 0 0
}

.allGuestBox .groupInvite .groupInfo .guestTitle .invIcon .fa,.allGuestBox .groupInviteMobile .groupInfo .guestTitle .invIcon .fa,.allGuestBox .trTable .groupInfo .guestTitle .invIcon .fa {
    float: right
}

.allGuestBox .groupInvite .groupInfo .guestTitle .invIcon .fa-mobile,.allGuestBox .groupInviteMobile .groupInfo .guestTitle .invIcon .fa-mobile,.allGuestBox .trTable .groupInfo .guestTitle .invIcon .fa-mobile {
    font-size: 1.5em;
    top: 4px;
    margin-right: 6px;
    position: relative
}

.allGuestBox .groupInvite .groupInfo .guestTitle .invIcon .fa-file,.allGuestBox .groupInviteMobile .groupInfo .guestTitle .invIcon .fa-file,.allGuestBox .trTable .groupInfo .guestTitle .invIcon .fa-file {
    margin-top: 9px;
    font-size: 1em
}

.allGuestBox .groupInvite .groupInfo .guestTitle span,.allGuestBox .groupInviteMobile .groupInfo .guestTitle span,.allGuestBox .trTable .groupInfo .guestTitle span {
    font-weight: bold;
    display: block;
    font-size: 1em
}

.allGuestBox .groupInvite .countGuest,.allGuestBox .groupInviteMobile .countGuest,.allGuestBox .trTable .countGuest {
    margin-top: 0;
    float: left;
    color: #333;
    margin-left: 42px
}

.allGuestBox .groupInvite .countGuest .openGuest,.allGuestBox .groupInviteMobile .countGuest .openGuest,.allGuestBox .trTable .countGuest .openGuest {
    float: left;
    padding: 0
}

.allGuestBox .groupInvite .countGuest .openGuest .fa,.allGuestBox .groupInviteMobile .countGuest .openGuest .fa,.allGuestBox .trTable .countGuest .openGuest .fa {
    width: 10px
}

.allGuestBox .groupInvite .countGuest span,.allGuestBox .groupInviteMobile .countGuest span,.allGuestBox .trTable .countGuest span {
    padding: 2px 7px 0 8px;
    background: #d0e7ff;
    color: #000;
    border-radius: 30px;
    margin-right: 5px;
    display: block;
    float: left;
    min-width: 22px
}

.allGuestBox .groupInvite .countGuest b,.allGuestBox .groupInviteMobile .countGuest b,.allGuestBox .trTable .countGuest b {
    color: #787878;
    margin-top: 2px;
    font-size: 10pt;
    display: block;
    float: left
}

.allGuestBox .groupInvite .showMoreGuest,.allGuestBox .groupInviteMobile .showMoreGuest,.allGuestBox .trTable .showMoreGuest {
    margin: -5px -5px 0 0;
    padding: 5px;
    cursor: pointer
}

.allGuestBox .groupInvite .showMoreGuest a,.allGuestBox .groupInviteMobile .showMoreGuest a,.allGuestBox .trTable .showMoreGuest a {
    margin-left: 10px;
    position: relative;
    top: 2px;
    color: #f3613e;
    visibility: hidden;
    font-size: 13px;
    border-bottom: 1px dashed #000
}

.allGuestBox .groupInvite .showMoreGuest a:hover,.allGuestBox .groupInviteMobile .showMoreGuest a:hover,.allGuestBox .trTable .showMoreGuest a:hover {
    text-decoration: none
}

.showComment {
    position: relative
}

.showComment .commentYes {
    position: absolute;
    z-index: 10;
    right: 39px;
    display: none
}

.showComment:hover .commentYes {
    display: block
}

.tables li {
    position: relative
}

.tables li .delTable {
    cursor: pointer;
    display: none
}

.tables li:last-child .delTable {
    position: absolute;
    right: 5px;
    top: 2px;
    display: block;
    color: #de478b
}

.tables li:first-child .delTable {
    display: none !important
}

.moneyColor {
    background: linear-gradient(45deg,#ffb700,#f1ff6b) !important
}

.moneyColor .fa {
    color: #886820
}

.moneyColor:hover {
    background: linear-gradient(180deg,#ffb700,#f1ff6b) !important
}

.answered {
    width: 12px;
    height: 12px;
    background: #f3623e;
    position: absolute;
    border-radius: 10px;
    margin: -11px -24px
}

.noOrder {
    color: #e63a77;
    position: absolute;
    margin: -11px -20px
}

.guestStatus .btn,.guestControl .btn {
    float: left
}

.guestStatus span.label,.guestControl span.label {
    float: left;
    margin-bottom: 5px;
    width: 180px
}

.guestStatus span.fa-stack,.guestControl span.fa-stack {
    margin-left: -23px;
    margin-right: 10px
}

.guestStatus span.fa-stack .fa-user,.guestControl span.fa-stack .fa-user,.guestStatus span.fa-stack .fa-coffee,.guestControl span.fa-stack .fa-coffee {
    font-size: 1.3em;
    top: 3px
}

.guestStatus span.fa-stack .fa-ban,.guestControl span.fa-stack .fa-ban {
    color: #f3613e;
    top: 10px;
    font-size: 1.3em;
    left: 11px;
    z-index: 2
}

.guestStatus span.fa-stack .fa-check-circle,.guestControl span.fa-stack .fa-check-circle {
    color: #00ac46;
    top: 10px;
    font-size: 1.3em;
    left: 11px;
    z-index: 2
}

.guestStatus span.fa-stack .fa-send,.guestControl span.fa-stack .fa-send {
    color: #64abe6;
    top: 5px;
    position: relative;
    font-size: 1.2em;
    left: 10px;
    z-index: 2
}

.guestStatus span.fa-stack .fff_pod,.guestControl span.fa-stack .fff_pod {
    width: 14px;
    height: 14px;
    background: #fff;
    left: 15px;
    top: 10px;
    border-radius: 24px;
    position: relative;
    z-index: 1
}

#newRegModal,#newEnterModal,#regModal,#enterModal {
    max-width: 700px;
    margin: auto;
    margin-top: 50px;
    z-index: 15
}

.header_variant {
    height: 82px;
    margin: -85px -10px 0 -10px
}

.header_variant .bigStylePreview {
    border: 0
}

.header_variant .logo_aqua {
    margin-top: 0 !important;
    background-size: 94%;
    height: 75px;
    background-position: 50% -25%
}

.back,.forward {
    text-decoration: none
}

.back {
    text-align: left
}

.arrow {
    font-size: 20pt;
    display: inline
}

.forward {
    text-align: right
}

.forward .arrow {
    top: 5px;
    position: relative
}

.addnewStyle {
    top: 88px;
    position: relative;
    float: right
}

.prevStyle,.nextStyle {
    font-family: Montserrat !important;
    display: block;
    border-radius: 20px;
    padding: 5px 10px 14px 10px;
    transition-duration: .3s;
    font-weight: 400;
    color: #000
}

.prevStyle .nextName,.nextStyle .nextName {
    float: right;
    margin-right: 47px
}

.prevStyle .backName,.nextStyle .backName {
    float: left;
    margin-left: 47px
}

.prevStyle:hover,.nextStyle:hover {
    transform: scale(1.05);
    background: #f3623e;
    color: #fff;
    text-decoration: none
}

.prevStyle:hover .forward,.nextStyle:hover .forward {
    text-decoration: none
}

.nextStyle,.prevStyle {
    margin: auto 20px;
    border-radius: 50px;
    background: #ffc2b2;
    color: #000;
    margin: auto;
    font-weight: 600;
    margin: auto;
    float: right;
    width: 240px;
    margin-bottom: 150px
}

.nextStyle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 20px;
    margin-right: -15px
}

.prevStyle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 30px;
    margin-left: -15px
}

.backStyles {
    font-family: Rotonda;
    display: block;
    font-size: .8em;
    width: 170px;
    margin-left: 0;
    float: right;
    background: #e0e3e8;
    color: #6c7c8e;
    border-radius: 20px;
    margin-bottom: 10px;
    margin-top: 25px;
    max-width: 220px;
    padding: 10px;
    text-align: center;
    transition-duration: .3s
}

.backStyles:hover {
    transform: scale(1.1);
    color: #6c7c8e;
    text-decoration: none
}

.mainBtnMenu {
    display: none;
    margin-left: 2vw !important
}

.topMenu {
    right: 0;
    margin: 10px 20px;
    width: 220px;
    z-index: 10;
    max-width: 180px;
    position: absolute
}

.topMenu a {
    width: 40px;
    height: 40px;
    float: right;
    margin: 10px;
    padding: 10px
}

.mn-btn-header {
    float: left;
    margin-top: 1vh;
    max-height: 6.5vh;
    min-width: 55px;
    min-height: 50px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1vmin !important;
    font-family: 'Montserrat';
    border-radius: 20vh;
    padding: 17px;
    font-size: .9em !important;
    height: 7vw;
    margin: auto;
    transition: all .2s ease-out
}

.mn-btn-header:hover {
    background: #fee9e3
}

.mn-btn-header.accent {
    background: #f3623e;
    color: #fff;
    font-weight: 800
}

.entermenu .img {
    width: 16px;
    height: 16px;
    position: relative;
    background: url("/src/img/mp_key.png");
    background-size: contain;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    margin: auto
}

.tomainmenu .img {
    width: 25px;
    height: 25px;
    position: relative;
    background: url("/src/img/mp_main.png");
    background-size: contain;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    margin: auto
}

.miniColorPreview {
    position: relative;
    margin: auto;
    height: 47px;
    border: 2px solid #bbbfc0;
    border-radius: 33px;
    display: block;
    text-decoration: none;
    color: #5c5c5c;
    background-color: rgba(255,255,255,0.4);
    width: 242px;
    text-align: center;
    bottom: 16px
}

.miniColorPreview b {
    padding: 20px 0 10px 0;
    display: block;
    font-size: 14pt
}

.miniColorPreview .colors {
    margin: auto;
    height: 40px;
    width: 220px
}

.miniColorPreview .colors .color {
    float: left;
    width: 30px;
    border-radius: 40px;
    border: 3px solid #fff;
    background: #ccc;
    height: 30px;
    margin: 7px 6px;
    box-shadow: inset 0 3px 6px 0
}

.bigStylePreview,.bigPalitra,.menuStylePreview {
    margin: auto;
    padding: 0;
    font-family: Rotonda Bold;
    color: #111 !important;
    margin-left: -5px;
    font-size: 1.2em;
    border-radius: 20px;
    display: block;
    text-decoration: none;
    text-align: center
}

.bigStylePreview b,.bigPalitra b,.menuStylePreview b {
    padding: 20px 0 10px 0;
    display: block;
    font-size: 14pt;
    font-weight: normal !important
}

.bigStylePreview .preview,.bigPalitra .preview,.menuStylePreview .preview {
    float: left;
    background: #bbbfc0;
    width: 80px;
    height: 80px;
    border: 2px solid #bbb;
    margin: 15px;
    border-radius: 10px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.bigStylePreview .type,.bigPalitra .type,.menuStylePreview .type {
    margin-bottom: -10px;
    padding: 5px;
    font-size: .9em
}

.bigStylePreview:hover .btn,.bigPalitra:hover .btn,.menuStylePreview:hover .btn {
    color: #fff
}

.bigStylePreview.active,.bigPalitra.active,.menuStylePreview.active {
    border: 2px solid #1d5486;
    background: #fff
}

.bigStylePreview .colors,.bigPalitra .colors,.menuStylePreview .colors {
    margin: auto;
    height: 40px;
    overflow: hidden
}

.bigStylePreview .colors .color,.bigPalitra .colors .color,.menuStylePreview .colors .color {
    color: rgba(255,255,255,0.2);
    float: left;
    width: 40px;
    border-radius: 40px;
    border: 1px solid rgba(255,255,255,0.078);
    background: #ccc;
    height: 40px;
    margin: 0 6px
}

.bigStylePreview {
    background: radial-gradient(#fff,#eff0f5);
    border: 2px solid rgba(109,125,143,0.122);
    min-height: 130px;
    padding: 10px;
    max-width: 500px;
    margin: auto
}

.bigPalitra {
    background: none;
    padding: 18px;
    padding: 0 !important
}

.bigPalitra .colors {
    width: 298px;
    padding: 19px;
    overflow: auto;
    display: flex;
    border-radius: 19px;
    height: auto !important;
    justify-content: center
}

.bigPalitra .colors .color {
    display: none
}

.bigPalitra .colors .color:nth-child(2),.bigPalitra .colors .color:nth-child(3),.bigPalitra .colors .color:nth-child(4),.bigPalitra .colors .color:nth-child(5),.bigPalitra .colors .color:nth-child(6) {
    display: block !important
}

@media (max-width: 767px) {
    .miniMode:not(.menuMinimize) .closeMiniMode {
        width:40px;
        height: 40px;
        display: flex !important;
        position: absolute;
        right: 6px;
        top: 6px;
        font-size: 20px;
        cursor: pointer;
        color: #130019;
        transform: rotate(45deg);
        font-weight: 800;
        border-radius: 30px;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .langList {
        background: #fee9e3 !important
    }
}

.invTypeControl {
    padding-top: 10px
}

.invTypeControl .col-xs-3 {
    text-align: center
}

.invTypeControl .checkbox {
    width: 250px;
    margin: auto
}

.invTypeControl label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px
}

.invTypeControl input[type=radio],.invTypeControl input[type=checkbox] {
    display: none
}

.invTypeControl label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.3),0 1px 0 0 rgba(255,255,255,0.8)
}

.invTypeControl .radio label:before {
    border-radius: 8px
}

.invTypeControl .checkbox label {
    margin-bottom: 10px
}

.invTypeControl .checkbox label:before {
    border-radius: 3px
}

.invTypeControl input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px
}

.invTypeControl input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px
}

.newVariantBox {
    display: none;
    justify-content: center;
    align-items: center;
    align-content: center
}

.newVariantBox .newVariant {
    padding: 27px 34px;
    font-size: 7vh;
    width: fit-content;
    margin-top: 10vh;
    font-family: Montserrat;
    border: 1px solid #d7dae5;
    border-radius: 20px;
    display: block;
    text-decoration: none;
    color: #d7dae5;
    transition: all .5s ease-out 0s;
    animation: topAndDown 1s 1 ease-out 1s both
}

.newVariantBox .newVariant:hover {
    transform: scale(1.2);
    color: #000
}

.icon_academy {
    background-image: url("/src/img/hat.svg") !important;
    width: 19px;
    height: 15px;
    float: left;
    background-size: cover
}

.icon_popular {
    background-image: url("/src/img/popular.svg") !important
}

.icon_new {
    background-image: url("/src/img/new.svg") !important
}

.icon_season1 {
    background-image: url("/src/img/spring.svg") !important
}

.icon_season2 {
    background-image: url("/src/img/summer.svg") !important
}

.icon_season3 {
    background-image: url("/src/img/fall.svg") !important
}

.icon_season4 {
    background-image: url("/src/img/winter.svg") !important
}

.shadowMenuStatic {
    position: absolute;
    height: 30px;
    width: 25%;
    max-width: 350px;
    min-width: 260px;
    z-index: 2;
    border-top: 1px solid #eff0f5;
    background: linear-gradient(180deg,#fff,rgba(255,255,255,0))
}

.shadowMenu {
    position: fixed;
    height: 10px;
    width: 25%;
    max-width: 350px;
    min-width: 280px;
    margin: 0;
    z-index: 2;
    background: linear-gradient(180deg,#fff,rgba(255,255,255,0))
}

.shadowMenu.bottom {
    bottom: 20px;
    background: linear-gradient(0deg,#fff,rgba(255,255,255,0))
}

.menuMinimize {
    transition: all .5s ease-out 0s;
    margin-left: 0
}

.menuMinimize .logo {
    padding: 0
}

.menuMinimize .inver_logo {
    background-size: cover;
    background-position-x: 2px;
    margin: 20px;
    width: 45px;
    height: 36px
}

.menuMinimize .naming_box {
    display: none
}

.menuMinimize.shadowMenuStatic {
    width: 85px;
    min-width: initial
}

.menuMinimize.menuVariantButton {
    width: 85px;
    min-width: initial
}

.menuMinimize.menuVariantButton .fa:before {
    transform: rotate(180deg);
    display: block
}

.menuMinimize.menuVariantButton span {
    display: none
}

.menuMinimize.menuVariants_box {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 85px;
    z-index: 5 !important;
    min-width: initial
}

.menuMinimize.menuVariants_box .menuStylePreview b {
    display: none
}

.closeMiniMode {
    display: none
}

.miniMode {
    z-index: 3 !important
}

.miniMode .menuVariantButton .fa {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.102) !important
}

.shadowFrame {
    background: linear-gradient(180deg,#fff 5%,rgba(255,255,255,0));
    width: 100vw;
    height: 1vh;
    min-height: 60px;
    display: flex;
    font-size: 1.4em;
    top: 0;
    position: fixed;
    z-index: 11;
    align-items: center;
    justify-content: center
}

.showMoreStyle {
    position: fixed;
    width: 490px !important;
    left: 50%;
    margin-left: -245px !important;
    bottom: 200px;
    z-index: 10
}

.menuVariantButton {
    position: absolute;
    height: 0;
    width: 25%;
    z-index: 10;
    cursor: pointer;
    padding: 10px 20px;
    color: #000;
    max-width: 350px;
    right: -42px;
    font-family: Montserrat;
    text-align: right;
    min-width: 260px
}

.menuVariantButton .fa {
    background: #fff;
    box-shadow: 2px 0 1px 1px rgba(0,0,0,0.102);
    padding: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin: 0 -26px
}

.miniMode {
    z-index: 10;
    border-right: 1px solid #eff0f5;
    box-shadow: 1px 6px 10px 1px rgba(140,159,181,0.122)
}

.mainMenu_box {
    width: 85px;
    display: flex;
    height: 100vh;
    position: fixed;
    background: #ffc2b2;
    box-shadow: 5px 7px 10px 1px rgba(58,60,61,0.039);
    z-index: 11;
    font-family: Rotonda
}

.mainMenu_box .navy_box {
    margin-top: 76px;
    z-index: 1 !important
}

.mainMenu_box .navy_box .showMainMenu {
    position: absolute;
    top: 8px;
    left: 14px;
    display: flex;
    border: 0;
    background: rgba(255,255,255,0.478)
}

.mainMenu_box .navy_box .logo {
    color: rgba(96,123,156,0);
    cursor: pointer;
    opacity: .8;
    height: 58px;
    margin: auto;
    width: 58px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

.mainMenu_box .navy_box .navy {
    text-decoration: none;
    padding: 8px;
    max-width: 85px;
    font-size: .9em;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    opacity: .75;
    color: #000;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.mainMenu_box .navy_box .navy.active {
    color: #fff;
    background: #f3613e;
    opacity: 1;
    cursor: default;
    font-weight: 800
}

.mainMenu_box .navy_box .navy.active .icon {
    background-position-y: 100%
}

.mainMenu_box .navy_box .navy .iconNav {
    width: 50px;
    height: 50px
}

.mainMenu_box .navy_box .navy .icon {
    width: 42px;
    height: 42px;
    background-position: 100% 0%;
    vertical-align: middle;
    background-size: cover;
    transition: all 0s ease-out 0s
}

.mainMenu_box .navy_box .navy .icon_site {
    background-image: url("../../src/img/icon_site2.svg")
}

.mainMenu_box .navy_box .navy .icon_paper {
    background-image: url("../../src/img/icon_paper2.svg")
}

.mainMenu_box .navy_box .navy .icon_style {
    background-image: url("../../src/img/icon_style2.svg")
}

.mainMenu_box .navy_box .navy .icon_invite {
    background-image: url("../../src/img/icon_invite2.svg")
}

.mainMenu_box .navy_box .navy .icon_banket {
    background-image: url("../../src/img/icon_banket2.svg")
}

.mainMenu_box .navy_box .navy .icon_guests {
    background-image: url("../../src/img/icon_guests2.svg")
}

.mainMenu_box .navy_box .navy i.fa {
    font-size: 2em;
    margin-bottom: 6px
}

.mainMenu_box .navy_box .navy:hover:not(.active) {
    opacity: 1 !important
}

.mainMenu_box .navy_box .navy:hover:not(.active) .icon {
    background-position-y: 50%
}

.divContainer {
    margin-left: 85px
}

.hr {
    border-bottom: 1px solid #eff0f5;
    margin: 20px auto;
    max-width: 200px
}

.menuVariants_box {
    position: absolute;
    height: 100%;
    background: #fff;
    z-index: 1;
    border-top: 1px solid #eff0f5;
    box-shadow: 5px 7px 10px 1px rgba(58,60,61,0.039);
    border-right: 1px solid #eff0f5;
    max-width: 350px;
    margin-top: -75px;
    width: 22%;
    min-width: 260px
}

.menuVariants_box .menuVariants {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 12px 0;
    padding-bottom: 50px;
    height: 100%;
    margin-bottom: 30px
}

.menuVariants_box .menuVariants .addNewStyle {
    padding: 14px;
    border-radius: 40px;
    border: 2px dashed #f3613e;
    text-align: center;
    position: relative;
    margin: 10px 20px;
    bottom: 0
}

.menuVariants_box .menuVariants .one_mv {
    font-family: Rotonda;
    display: block;
    cursor: pointer;
    color: #6c7c8e;
    margin: auto;
    border-radius: 20px;
    text-decoration: none;
    margin-bottom: 2px;
    padding: 0 8px;
    text-align: center;
    transition-duration: .3s
}

.menuVariants_box .menuVariants .one_mv:hover {
    text-decoration: none
}

.menuVariants_box .menuVariants .one_mv:hover b {
    text-decoration: none
}

.menuVariants_box .menuVariants .one_mv b {
    text-decoration: none
}

.menuVariants_box .menuVariants .one_mv:last-child {
    margin-bottom: 110px
}

.menuVariants_box .menuVariants .title_mv {
    font-family: Rotonda;
    display: block;
    background: #e0e3e8;
    color: #6c7c8e;
    margin: auto;
    border-radius: 20px;
    margin-bottom: 10px;
    text-align: center;
    transition-duration: .3s
}

.menuVariants_box .menuVariants .title_mv:hover {
    text-decoration: none
}

.menuVariants_fixed {
    position: fixed !important;
    top: 74px;
    border-top-right-radius: 0;
    background: #fff
}

.menuStylePreview {
    min-width: 215px;
    max-width: 290px;
    margin: auto;
    min-height: inherit;
    padding: 3px 10px 3px 5px;
    border-radius: 40px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: none;
    border: 0 solid rgba(109,125,143,0)
}

.menuStylePreview .num_box {
    padding: 4px 4px 4px 4px;
    margin: 0;
    position: absolute;
    border-radius: 15px;
    color: #f3623e;
    min-width: 28px;
    min-height: 13px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: .75em;
    right: 8px;
    top: 12px
}

.menuStylePreview .naming_box {
    padding-left: 10px;
    padding-right: 20px;
    overflow: hidden
}

.menuStylePreview .preview {
    width: 38px;
    height: 38px;
    border: 0;
    margin: 3px;
    border-radius: 40px;
    background-position: 5%;
    background-size: 100%;
    background-color: transparent
}

.menuStylePreview b {
    font-size: .8em;
    font-family: MONTSERRAT;
    font-weight: 500 !important;
    padding: 0;
    text-align: left
}

.menuStylePreview .colors {
    height: 19px;
    max-width: 135px;
    margin: inherit
}

.menuStylePreview .colors .color {
    width: 21px;
    height: 19px;
    margin: 0 4px 0 0
}

.one_mv.noPalitra .preview {
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    border: 0 !important
}

.one_mv:hover .menuStylePreview {
    background: rgba(220,236,245,0.722)
}

.one_mv.selected .menuStylePreview {
    background: #ffe9e3
}

.one_mv.selected .menuStylePreview .naming_box {
    color: #f3623e
}

.one_mv.selected .menuStylePreview .naming_box b {
    font-weight: 600 !important
}

.nopublic {
    background: #fde9e3
}

.nopublic .variant {
    background: none
}

.nopublic .infoPanel .unpublic {
    display: block !important;
    right: 20px
}

.nopublic .infoPanel .dropdown-toggle {
    background: #fff !important
}

.variants {
    min-height: 70vh;
    padding-bottom: 50px;
    margin-top: 20px;
    z-index: 2;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    flex-direction: row;
    align-items: flex-start
}

.variants .gradient {
    background: linear-gradient(to bottom,#e0e0e0,rgba(255,255,255,0));
    height: 100px;
    width: 100%;
    position: absolute;
    top: 0
}

.variants .varContainer {
    padding: 0 !important;
    border: 2px solid rgba(255,0,0,0);
    float: left;
    overflow: hidden;
    width: 100%;
    min-width: 365px;
    max-width: 400px;
    border-radius: 40px;
    transition: all .2s ease-out 0s;
    transform: scale(.95)
}

.variants .varContainer .zakaz,.variants .varContainer .popular {
    margin-left: 30px
}

.variants .varContainer .alert-success {
    position: relative;
    top: -29px;
    padding: 14px;
    font-family: Montserrat;
    font-weight: 800;
    margin-left: -8% !important;
    width: 117%;
    z-index: 7;
    border: 2px solid #f3623e;
    color: #f3613e;
    background: #fee9e3;
    margin: auto;
    text-decoration: none
}

.variants .varContainer .blockform {
    text-align: center;
    display: none;
    background: #fff;
    border-radius: 15px;
    width: 80%;
    top: -44px;
    box-shadow: 1px 3px 5px rgba(156,160,169,0.322);
    position: relative;
    margin: auto;
    padding: 15px
}

.variants .varContainer .blocks {
    position: relative;
    margin: auto;
    max-width: 290px
}

.variants .varContainer .infoPanel {
    padding: 5px 8px;
    font-size: .9em;
    top: 16px;
    position: relative
}

.variants .varContainer .infoPanel .btn-group {
    left: 22px
}

.variants .varContainer .infoPanel .btn-group .btn.dropdown-toggle {
    background: #fee9e3;
    border-radius: 20px;
    color: #f3623e;
    font-size: 1.2em;
    padding: .5em .6em;
    border-color: rgba(255,0,0,0)
}

.variants .varContainer .infoPanel .dropdown-menu .fa {
    margin-right: 6px
}

.variants .varContainer .infoPanel .unpublic {
    position: absolute;
    display: none;
    font-size: 1em;
    z-index: 11;
    right: 0%;
    padding: 5px 10px;
    border-radius: 20px;
    background: #f3623e;
    color: #fff
}

.variants .varContainer .id {
    position: relative;
    float: left;
    padding: 4px 8px;
    color: #f3623e;
    left: 20px;
    top: 4px;
    font-size: 1.2em;
    display: block
}

.variants .varContainer .verInfo {
    padding-left: 29px
}

.variants .varContainer .variantCard {
    font-family: montserrat
}

.variants .varContainer .variantCard .cardInfo {
    padding: 20px;
    max-width: 450px;
    margin: auto
}

.variants .varContainer .variantCard .cardInfo .cardTitle {
    font-weight: 800;
    font-size: 1.5em;
    padding: 0 5px 8px 5px;
    display: none
}

.variants .varContainer .variantCard .cardInfo .cardTitle:hover {
    text-decoration: none
}

.variants .varContainer .variantCard .cardInfo .cardTitleSub {
    font-weight: 400;
    font-size: .9em;
    padding: 0 5px 8px 5px
}

.variants .varContainer .variantCard .cardInfo .cardTags {
    font-size: .9em;
    display: flex;
    flex-wrap: wrap
}

.variants .varContainer .variantCard .cardInfo .cardTags a {
    background: rgba(220,236,245,0.722);
    border-radius: 10px;
    padding: 4px 10px;
    margin: 3px 3px;
    font-size: .9em;
    display: block;
    float: left;
    text-decoration: none
}

.variants .varContainer .variantCard .cardInfo .cardBottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.variants .varContainer .variantCard .cardInfo .cardBottom .cardAuthor {
    display: none;
    font-size: 1em;
    align-items: center;
    margin-top: 12px;
    justify-content: flex-start
}

.variants .varContainer .variantCard .cardInfo .cardBottom .ava {
    height: 50px;
    width: 50px;
    background-size: 100%;
    border-radius: 50px;
    background-color: #e0e0e0;
    float: left
}

.variants .varContainer .variantCard .cardInfo .cardBottom .cardBtn {
    width: 100%;
    margin-top: 10px;
    visibility: hidden
}

.variants .varContainer .variantCard .cardInfo .cardBottom .cardBtn .btn {
    padding: 12px 16px 12px 16px
}

.variants .varContainer .variantCard .cardInfo .cardBottom .cardBtn .btn i.fa.fa-arrow-right {
    display: none
}

.variants .varContainer .variantCard .cardInfo .cardBottom .cardBtn .btn:hover {
    animation: none !important
}

.variants .varContainer .variantCard .cardInfo .cardBottom .authorBox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-left: 15px
}

.variants .varContainer .variantCard .cardInfo .cardBottom .authorBox .name {
    font-size: 1em;
    padding-bottom: 2px
}

.variants .varContainer .variantCard .cardInfo .cardBottom .authorBox .subname {
    font-weight: 300;
    font-size: .9em
}

.variants .varContainer .variant {
    height: 313px;
    overflow: hidden;
    border-radius: 30px;
    display: block;
    width: 100%;
    max-width: 550px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 20px;
    margin: auto;
    transition: all .5s ease-out 0s;
    text-decoration: none
}

.variants .varContainer .variant.active {
    transform: scale(1.05);
    background: radial-gradient(#f56eaa,transparent 70%)
}

.variants .varContainer .variant.active .blockform {
    display: block
}

.variants .varContainer .variant.active .paperBlock {
    box-shadow: -4px 12px 20px 4px rgba(110,111,140,0.471)
}

.variants .varContainer .variant .btn-call2action {
    position: absolute;
    display: none;
    bottom: 35px;
    max-width: 155px;
    background: #3f384c;
    color: #fff;
    font-weight: 600;
    left: 25%;
    font-size: .9em;
    padding: 13px 10px;
    z-index: 8;
    border: 0;
    box-shadow: none;
    font-family: Montserrat
}

.variants .varContainer .variant .btn.blocker {
    bottom: -30px;
    background: #fff1d9;
    color: #bd7707;
    font-weight: bold;
    border-color: #bd7604
}

.variants .varContainer .variant .paperBlock {
    height: 274px;
    transition: all .2s ease-out 0s;
    position: relative;
    width: 194px;
    left: -30px;
    top: 18px;
    background: #fff;
    background-size: 102%;
    background-position-x: -1px;
    background-position-y: -1px;
    border: 1px solid rgba(190,190,192,0.478);
    box-shadow: 0 1px 11px 0 rgba(164,164,164,0.651)
}

.variants .varContainer .variant .electroBlock {
    width: 139px;
    border-radius: 22px;
    height: 282px;
    right: 0%;
    top: 10px;
    position: absolute;
    width: 155px;
    z-index: 6;
    background-size: contain;
    position: absolute;
    background: linear-gradient(291deg,#dadee1 10%,#fff 90%);
    border-radius: 25px;
    height: 295px;
    right: -12%;
    top: -2%;
    box-shadow: inset 0 0 1px 0 #868686,-3px -1px 12px 1px #a8b0b1 inset,0 1px 11px #000;
    transition: all .2s ease-out 0s;
    box-shadow: inset 0 0 1px 0 #868686,-3px -1px 7px 1px rgba(168,176,177,0.529) inset,0 1px 6px 0 rgba(34,45,46,0.839)
}

.variants .varContainer .variant .EBscreen {
    position: absolute;
    background-color: #9ca0a9;
    background-size: cover;
    height: 265px;
    width: 143px;
    border-radius: 18px;
    border-bottom-left-radius: 0;
    border: 1px solid #c4c7d3;
    border-bottom-right-radius: 0;
    left: 6px;
    top: 7px
}

.variants .varContainer .variant .domain {
    background: #fff;
    border: 1px solid #ccc;
    border-top-color: transparent;
    width: 91.5%;
    height: 18px;
    left: 51.5%;
    bottom: 5px;
    margin-left: -47.2%;
    border-radius: 18px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: flex;
    position: absolute;
    font-family: 'Montserrat';
    font-size: .6em;
    color: #8c8c8c;
    align-items: center;
    justify-content: space-around
}

.variants .varContainer .variant .btnIphone {
    width: 3px;
    position: absolute;
    box-shadow: -1px 1px 2px 1px #babbbe inset !important;
    height: 34px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    right: -3px;
    top: 57px
}

.variants .varContainer:hover {
    transform: scale(1);
    box-shadow: 2px 7px 9px 3px rgba(58,60,61,0.231);
    border: 2px solid #ffc2b2;
    box-shadow: -1px 3px 7px 5px rgba(58,60,61,0.212);
    box-shadow: -1px 3px 7px 5px rgba(58,60,61,0.129);
    box-shadow: 1px 1px 15px 5px rgba(224,127,104,0.18)
}

.variants .varContainer:hover .cardTags a {
    background: #fee9e3 !important
}

.variants .varContainer:hover .cardBtn {
    visibility: visible !important
}

.placeForVariant .blocks {
    position: relative;
    margin: auto
}

.placeForVariant .variant {
    height: 380px;
    display: block;
    width: 100%;
    cursor: default;
    margin: auto;
    text-decoration: none
}

.placeForVariant .variant:hover .btn {
    cursor: default
}

.placeForVariant .variant .id {
    display: none
}

.placeForVariant .variant .btn {
    display: none
}

.placeForVariant .variant .btn:hover {
    display: none
}

.placeForVariant .variant .btn.blocker {
    bottom: -30px
}

.placeForVariant .variant .paperBlock {
    height: 274px;
    position: relative;
    width: 194px;
    left: 40px;
    bottom: -24px;
    background: #fff;
    background-size: contain;
    box-shadow: -1px 0 6px rgba(110,111,140,0.471)
}

.placeForVariant .variant .electroBlock {
    background-size: cover;
    width: 139px;
    height: 282px;
    border-radius: 20px;
    top: 0;
    left: 193px;
    background: linear-gradient(277deg,#e1e1e1,#fff);
    position: absolute;
    box-shadow: 1px 5px 20px 4px rgba(110,111,140,0.341);
    border: 1px solid #c2c2c2
}

.placeForVariant .variant .electroBlock .EBscreen {
    position: relative;
    background-color: #9ca0a9;
    background-size: cover;
    height: 221px;
    width: 124px;
    left: 7px;
    top: 32px
}

@media (min-width: 992px) {
    #NativeRegModal .icon_input {
        display:none
    }

    .placeForVariant {
        background-image: url("/src/img/img_constructor.png");
        transform: scale(1.4);
        background-position: 50% 50%;
        left: -22%;
        opacity: 0;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
        animation: fadeRise .8s 1 cubic-bezier(.25,.46,.45,.94) .25s forwards
    }

    .placeForVariant .variant {
        animation: none
    }

    .placeForVariant .paperBlock {
        height: 274px;
        position: relative;
        width: 194px;
        left: 65px !important;
        transform: scale(.62);
        top: 66px !important;
        background: #fff;
        background-size: contain
    }

    .placeForVariant .electroBlock {
        background: #fff !important;
        background-size: cover;
        width: 139px !important;
        height: 239px !important;
        border-radius: 20px;
        top: 85px !important;
        left: 318px !important;
        transform: scale(.64);
        position: absolute;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .placeForVariant .electroBlock .EBscreen {
        position: relative;
        background-color: #9ca0a9;
        background-size: cover;
        height: 221px;
        width: 124px;
        left: 7px;
        top: 19px !important
    }
}

@-moz-keyframes miniMenu {
    0% {
        width: 25%
    }

    100% {
        width: 76px
    }
}

@-webkit-keyframes miniMenu {
    0% {
        width: 25%
    }

    100% {
        width: 76px
    }
}

@-o-keyframes miniMenu {
    0% {
        width: 25%
    }

    100% {
        width: 76px
    }
}

@keyframes miniMenu {
    0% {
        width: 25%
    }

    100% {
        width: 76px
    }
}

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

    30% {
        opacity: 1
    }

    60% {
        transform: scale(.95)
    }

    80% {
        transform: scale(.85)
    }

    100% {
        transform: scale(.9)
    }
}

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

    30% {
        opacity: 1
    }

    60% {
        transform: scale(.95)
    }

    80% {
        transform: scale(.85)
    }

    100% {
        transform: scale(.9)
    }
}

@-o-keyframes topAndDown {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    30% {
        opacity: 1
    }

    60% {
        transform: scale(.95)
    }

    80% {
        transform: scale(.85)
    }

    100% {
        transform: scale(.9)
    }
}

@keyframes topAndDown {
    0% {
        opacity: 0;
        transform: scale(.9)
    }

    30% {
        opacity: 1
    }

    60% {
        transform: scale(.95)
    }

    80% {
        transform: scale(.85)
    }

    100% {
        transform: scale(.9)
    }
}

@-moz-keyframes showUp {
    0% {
        height: 0%;
        opacity: 0
    }

    100% {
        height: fit-content;
        opacity: 1
    }
}

@-webkit-keyframes showUp {
    0% {
        height: 0%;
        opacity: 0
    }

    100% {
        height: fit-content;
        opacity: 1
    }
}

@-o-keyframes showUp {
    0% {
        height: 0%;
        opacity: 0
    }

    100% {
        height: fit-content;
        opacity: 1
    }
}

@keyframes showUp {
    0% {
        height: 0%;
        opacity: 0
    }

    100% {
        height: fit-content;
        opacity: 1
    }
}

@-moz-keyframes leftGo {
    0% {
        left: 40%;
        opacity: 0
    }

    100% {
        left: -22%;
        opacity: 1
    }
}

@-webkit-keyframes leftGo {
    0% {
        left: 40%;
        opacity: 0
    }

    100% {
        left: -22%;
        opacity: 1
    }
}

@-o-keyframes leftGo {
    0% {
        left: 40%;
        opacity: 0
    }

    100% {
        left: -22%;
        opacity: 1
    }
}

@keyframes leftGo {
    0% {
        left: 40%;
        opacity: 0
    }

    100% {
        left: -22%;
        opacity: 1
    }
}

@font-face {
    font-family: 'Annabelle';
    src: url("../fonts/annabelle.woff") format('woff'),url("../fonts/annabelle.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AmericanCaptain';
    src: url("../fonts/AmericanCaptain.woff") format('woff'),url("../fonts/AmericanCaptain.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Agoniae';
    src: url("../fonts/Agoniae.woff") format('woff'),url("../fonts/Agoniae.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme Extra';
    src: url("../fonts/CalmExtra.woff") format('woff'),url("../fonts/CalmExtra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme Bold';
    src: url("../fonts/CalmBold.woff") format('woff'),url("../fonts/CalmBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aquator';
    src: url("../fonts/Aquatory.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme-EB';
    src: url("../fonts/Calmius-ExtraBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Forlove';
    src: url("../fonts/forlove.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Vetrino';
    src: url("../fonts/Vetrino.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Betmo';
    src: url("../fonts/Betmo.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura_s';
    src: url("../fonts/Cooltura_s.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura_l';
    src: url("../fonts/Cooltura_l.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura';
    src: url("../fonts/Cooltura.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'EVelikaya';
    src: url("../fonts/EVelikaya.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Lithium';
    src: url("../fonts/Lithium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SoulAdvent';
    src: url("../fonts/SoulAdvent.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SoulSymbols';
    src: url("../fonts/SoulSymbols.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Thedream';
    src: url("../fonts/Thedream.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Colus';
    src: url("../fonts/Colus.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mettlach';
    src: url("../fonts/Mettlach.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bardo';
    src: url("../fonts/Bardo.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Storytella';
    src: url("../fonts/Storytella.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Karlissta';
    src: url("../fonts/Karlissta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LighthausRegular';
    src: url("../fonts/LighthausRegular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mettlach';
    src: url("../fonts/Mettlach.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Black';
    src: url("../fonts/Onest-Black.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Bold';
    src: url("../fonts/Onest-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-ExtraBold';
    src: url("../fonts/Onest-ExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Medium';
    src: url("../fonts/Onest-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Thin';
    src: url("../fonts/Onest-Thin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_t';
    src: url("../fonts/Playfair_t.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_m';
    src: url("../fonts/Playfair_m.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_v';
    src: url("../fonts/Playfair_v.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair';
    src: url("../fonts/Playfair.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'PoiretOne';
    src: url("../fonts/PoiretOne.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Prata';
    src: url("../fonts/Prata.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Santa Catarina';
    src: url("../fonts/Santa Catarina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sweet Mavka';
    src: url("../fonts/Sweet Mavka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Thedream';
    src: url("../fonts/Thedream.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-B';
    src: url("../fonts/TildaSans-B.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-EB';
    src: url("../fonts/TildaSans-EB.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-Ex';
    src: url("../fonts/TildaSans-Ex.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-L';
    src: url("../fonts/TildaSans-L.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-M';
    src: url("../fonts/TildaSans-M.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-R';
    src: url("../fonts/TildaSans-R.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSansVF';
    src: url("../fonts/TildaSansVF.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-B';
    src: url("../fonts/Unboun-B.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-Bl';
    src: url("../fonts/Unboun-Bl.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-El';
    src: url("../fonts/Unboun-El.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun';
    src: url("../fonts/Unboun.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ustroke';
    src: url("../fonts/Ustroke.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Honey';
    src: url("../fonts/Honey.woff") format('woff'),url("../fonts/Honey.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Patriciana';
    src: url("../fonts/Patriciana.woff") format('woff'),url("../fonts/Patriciana.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SaintAmour';
    src: url("../fonts/SaintAmoure.woff") format('woff'),url("../fonts/SaintAmoure.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LeJardin';
    src: url("../fonts/LeJardine.woff") format('woff'),url("../fonts/LeJardine.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sahar';
    src: url("../fonts/Sahar-Thine.woff") format('woff'),url("../fonts/Sahar-Thine.woff") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sahar Italice';
    src: url("../fonts/Sahar-Thin-Italice.woff") format('woff'),url("../fonts/Sahar-Thin-Italice.woff") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'WonderGardene';
    src: url("../fonts/WonderGardene.woff") format('woff'),url("../fonts/WonderGardene.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'WonderSanse';
    src: url("../fonts/WonderGardenSanse.woff") format('woff'),url("../fonts/WonderGardenSanse.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Florale_EN';
    src: url("../fonts/Florale.woff") format('woff'),url("../fonts/Florale.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AndantinoScript';
    src: url("../fonts/andantino-script.woff") format('woff'),url("../fonts/andantino-script.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BickhamScript3';
    src: url("../fonts/bickham-script-three.woff") format('woff'),url("../fonts/bickham-script-three.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BickhamScript2';
    src: url("../fonts/bickham-script-two.woff") format('woff'),url("../fonts/bickham-script-two.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Carolina';
    src: url("../fonts/carolina.woff") format('woff'),url("../fonts/carolina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Debby';
    src: url("../fonts/Debby.woff") format('woff'),url("../fonts/Debby.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'DsArabic';
    src: url("../fonts/ds-arabic.woff") format('woff'),url("../fonts/ds-arabic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LemonTuesday';
    src: url("../fonts/LemonTuesday.woff") format('woff'),url("../fonts/LemonTuesday.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LifehackBasic';
    src: url("../fonts/LifehackBasic.woff") format('woff'),url("../fonts/LifehackBasic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Marianna';
    src: url("../fonts/marianna.woff") format('woff'),url("../fonts/marianna.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'MountainsofChristmas';
    src: url("../fonts/MountainsofChristmas.woff") format('woff'),url("../fonts/MountainsofChristmas.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'MovusBrushPen';
    src: url("../fonts/Movus_BrushPen.woff") format('woff'),url("../fonts/Movus_BrushPen.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ninactt';
    src: url("../fonts/ninactt.woff") format('woff'),url("../fonts/ninactt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'PeaceSans';
    src: url("../fonts/PeaceSans.woff") format('woff'),url("../fonts/PeaceSans.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Pecita';
    src: url("../fonts/Pecita.woff") format('woff'),url("../fonts/Pecita.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'VenskiSad';
    src: url("../fonts/venski-sad-two-medium.woff") format('woff'),url("../fonts/venski-sad-two-medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CorridaCTT';
    src: url("../fonts/CorridaCTT.woff") format('woff'),url("../fonts/CorridaCTT.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'DecorCyrillic';
    src: url("../fonts/DecorCyrillic.woff") format('woff'),url("../fonts/DecorCyrillic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'IsadoraCyr';
    src: url("../fonts/IsadoraCyr.woff") format('woff'),url("../fonts/IsadoraCyr.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Colus-Regular';
    src: url("../fonts/Colus-Regular.woff") format('woff'),url("../fonts/Colus-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Bold';
    src: url("../fonts/CormorantInfant-Bold.woff") format('woff'),url("../fonts/CormorantInfant-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Light';
    src: url("../fonts/CormorantInfant-Light.woff") format('woff'),url("../fonts/CormorantInfant-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Regular';
    src: url("../fonts/CormorantInfant-Regular.woff") format('woff'),url("../fonts/CormorantInfant-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'HoneyVineyarde';
    src: url("../fonts/HoneyVineyarde.woff") format('woff'),url("../fonts/HoneyVineyarde.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'iglets';
    src: url("../fonts/iglets.woff") format('woff'),url("../fonts/iglets.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Patriciana';
    src: url("../fonts/Patriciana.woff") format('woff'),url("../fonts/Patriciana.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Legende';
    src: url("../fonts/Legende.woff") format('woff'),url("../fonts/Legende.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LinoScript';
    src: url("../fonts/LinoScript.woff") format('woff'),url("../fonts/LinoScript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Pushkin';
    src: url("../fonts/Pushkin.woff") format('woff'),url("../fonts/Pushkin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'ShellyAllegro';
    src: url("../fonts/ShellyAllegro.woff") format('woff'),url("../fonts/ShellyAllegro.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AppetiteNew';
    src: url("../fonts/AppetiteNew.woff") format('woff'),url("../fonts/AppetiteNew.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Barocco_Initial';
    src: url("../fonts/Barocco_Initial.woff") format('woff'),url("../fonts/Barocco_Initial.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BistroC';
    src: url("../fonts/BistroC.woff") format('woff'),url("../fonts/BistroC.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cleopatra';
    src: url("../fonts/Cleopatra.woff") format('woff'),url("../fonts/Cleopatra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Flash';
    src: url("../fonts/Flash.woff") format('woff'),url("../fonts/Flash.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Lzax';
    src: url("../fonts/lzax.woff") format('woff'),url("../fonts/lzax.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Academiche';
    src: url("../fonts/academiche.woff") format('woff'),url("../fonts/academiche.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CourierMOT';
    src: url("../fonts/Flash.woff") format('woff'),url("../fonts/Flash.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Hairfont';
    src: url("../fonts/hairfont.woff") format('woff'),url("../fonts/hairfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Hombre';
    src: url("../fonts/Hombre.woff") format('woff'),url("../fonts/Hombre.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Scandal';
    src: url("../fonts/Scandal.woff") format('woff'),url("../fonts/Scandal.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Secession';
    src: url("../fonts/Secession.woff") format('woff'),url("../fonts/Secession.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Gecko';
    src: url("../fonts/Gecko.woff") format('woff'),url("../fonts/Gecko.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Malahit';
    src: url("../fonts/Malahit.woff") format('woff'),url("../fonts/Malahit.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-Bold';
    src: url("../fonts/Akrobat-Bold.woff") format('woff'),url("../fonts/Akrobat-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-ExtraLight';
    src: url("../fonts/Akrobat-ExtraLight.woff") format('woff'),url("../fonts/Akrobat-ExtraLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-Regular';
    src: url("../fonts/Akrobat-Regular.woff") format('woff'),url("../fonts/Akrobat-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bemount';
    src: url("../fonts/Bemount.woff") format('woff'),url("../fonts/Bemount.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Dobrozrachniy';
    src: url("../fonts/Dobrozrachniy.woff") format('woff'),url("../fonts/Dobrozrachniy.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mixa';
    src: url("../fonts/Mixa.woff") format('woff'),url("../fonts/Mixa.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Gora';
    src: url("../fonts/Gora.woff") format('woff'),url("../fonts/Gora.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'GUERRILLA';
    src: url("../fonts/GUERRILLA.woff") format('woff'),url("../fonts/GUERRILLA.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'IkraSlab';
    src: url("../fonts/IkraSlab.woff") format('woff'),url("../fonts/IkraSlab.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'HeadR';
    src: url("../fonts/HeadR.woff") format('woff'),url("../fonts/HeadR.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'RustG';
    src: url("../fonts/RustG.woff") format('woff'),url("../fonts/RustG.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'ScriptR';
    src: url("../fonts/ScriptR.woff") format('woff'),url("../fonts/ScriptR.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Katona';
    src: url("../fonts/Katona.woff") format('woff'),url("../fonts/Katona.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Magnolia';
    src: url("../fonts/Magnolia.woff") format('woff'),url("../fonts/Magnolia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Oks';
    src: url("../fonts/Oks.woff") format('woff'),url("../fonts/Oks.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Krabuler';
    src: url("../fonts/Krabuler.woff") format('woff'),url("../fonts/Krabuler.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Permian';
    src: url("../fonts/permian.woff") format('woff'),url("../fonts/permian.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Avantetitul';
    src: url("../fonts/avantetitulinline.woff") format('woff'),url("../fonts/avantetitulinline.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Acquest';
    src: url("../fonts/acquest.woff") format('woff'),url("../fonts/acquest.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Adine';
    src: url("../fonts/adine.woff") format('woff'),url("../fonts/adine.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'American-retro';
    src: url("../fonts/american-retro.woff") format('woff'),url("../fonts/american-retro.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Anastasia';
    src: url("../fonts/anastasia.woff") format('woff'),url("../fonts/anastasia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Anfisa-grotesk';
    src: url("../fonts/anfisa-grotesk.woff") format('woff'),url("../fonts/anfisa-grotesk.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aquarelle';
    src: url("../fonts/aquarelle.woff") format('woff'),url("../fonts/aquarelle.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Arbat';
    src: url("../fonts/arbat.woff") format('woff'),url("../fonts/arbat.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Arctika';
    src: url("../fonts/arctika.woff") format('woff'),url("../fonts/arctika.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ariston';
    src: url("../fonts/ariston.woff") format('woff'),url("../fonts/ariston.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Artscript';
    src: url("../fonts/artscript.woff") format('woff'),url("../fonts/artscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aurora';
    src: url("../fonts/aurora.woff") format('woff'),url("../fonts/aurora.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Avalon-medium';
    src: url("../fonts/avalon-medium.woff") format('woff'),url("../fonts/avalon-medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bip';
    src: url("../fonts/bip.woff") format('woff'),url("../fonts/bip.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bolero';
    src: url("../fonts/bolero.woff") format('woff'),url("../fonts/bolero.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Boyarsky';
    src: url("../fonts/boyarsky.woff") format('woff'),url("../fonts/boyarsky.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Breeze';
    src: url("../fonts/breeze.woff") format('woff'),url("../fonts/breeze.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Brushtype';
    src: url("../fonts/brushtype.woff") format('woff'),url("../fonts/brushtype.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Brushtype-bold';
    src: url("../fonts/brushtype-bold.woff") format('woff'),url("../fonts/brushtype-bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calligraph';
    src: url("../fonts/calligraph.woff") format('woff'),url("../fonts/calligraph.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cassandra';
    src: url("../fonts/cassandra.woff") format('woff'),url("../fonts/cassandra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Corinthia';
    src: url("../fonts/corinthia.woff") format('woff'),url("../fonts/corinthia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ekaterina';
    src: url("../fonts/ekaterina.woff") format('woff'),url("../fonts/ekaterina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'esenin';
    src: url("../fonts/esenin.woff") format('woff'),url("../fonts/esenin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Flamme';
    src: url("../fonts/flamme.woff") format('woff'),url("../fonts/flamme.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Heinrichscript';
    src: url("../fonts/heinrichscript.woff") format('woff'),url("../fonts/heinrichscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Junegull';
    src: url("../fonts/junegull.woff") format('woff'),url("../fonts/junegull.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mon-amour';
    src: url("../fonts/mon-amour.woff") format('woff'),url("../fonts/mon-amour.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mon-amour-two';
    src: url("../fonts/mon-amour-two.woff") format('woff'),url("../fonts/mon-amour-two.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Olgactt';
    src: url("../fonts/olgactt.woff") format('woff'),url("../fonts/olgactt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Olietta';
    src: url("../fonts/olietta.woff") format('woff'),url("../fonts/olietta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Parsek';
    src: url("../fonts/parsek.woff") format('woff'),url("../fonts/parsek.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Parsek';
    src: url("../fonts/parsek.woff") format('woff'),url("../fonts/parsek.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rotonda';
    src: url("../fonts/RotondaC.woff") format('woff'),url("../fonts/RotondaC.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rotonda Bold';
    src: url("../fonts/Rotonda.woff") format('woff'),url("../fonts/Rotonda.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Popular';
    src: url("../fonts/popular.woff") format('woff'),url("../fonts/popular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'President';
    src: url("../fonts/president.woff") format('woff'),url("../fonts/president.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rosamunda';
    src: url("../fonts/rosamunda.woff") format('woff'),url("../fonts/rosamunda.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scriptorama';
    src: url("../fonts/scriptorama.woff") format('woff'),url("../fonts/scriptorama.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Tagirctt';
    src: url("../fonts/tagirctt.woff") format('woff'),url("../fonts/tagirctt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Teslics';
    src: url("../fonts/teslics.woff") format('woff'),url("../fonts/teslics.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'KZ_Nautilus';
    src: url("../fonts/KZ_Nautilus.woff") format('woff'),url("../fonts/KZ_Nautilus.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Madelyn';
    src: url("../fonts/madelyn.woff") format('woff'),url("../fonts/madelyn.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Doodles';
    src: url("../fonts/doodles.woff") format('woff'),url("../fonts/doodles.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Alphabet';
    src: url("../fonts/Alphabet.woff") format('woff'),url("../fonts/Alphabet.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Skripka';
    src: url("../fonts/Skripka.woff") format('woff'),url("../fonts/Skripka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Handler';
    src: url("../fonts/Handler.woff") format('woff'),url("../fonts/Handler.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Bondy';
    src: url("../fonts/Bondy.woff") format('woff'),url("../fonts/Bondy.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Marker';
    src: url("../fonts/Marker.woff") format('woff'),url("../fonts/Marker.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Swing';
    src: url("../fonts/Swing.woff") format('woff'),url("../fonts/Swing.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Fastmarker';
    src: url("../fonts/Fastmarker.woff") format('woff'),url("../fonts/Fastmarker.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Julia';
    src: url("../fonts/Julia.woff") format('woff'),url("../fonts/Julia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Fatpencil';
    src: url("../fonts/Fatpencil.woff") format('woff'),url("../fonts/Fatpencil.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Antua';
    src: url("../fonts/Antua.woff") format('woff'),url("../fonts/Antua.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lordica';
    src: url("../fonts/Lordica.woff") format('woff'),url("../fonts/Lordica.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Vena';
    src: url("../fonts/Vena.woff") format('woff'),url("../fonts/Vena.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Truehand';
    src: url("../fonts/Truehand.woff") format('woff'),url("../fonts/Truehand.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Slowpen';
    src: url("../fonts/Slowpen.woff") format('woff'),url("../fonts/Slowpen.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Callilia';
    src: url("../fonts/Callilia.woff") format('woff'),url("../fonts/Callilia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BuxtonSketch';
    src: url("../fonts/BuxtonSketch.woff") format('woff'),url("../fonts/BuxtonSketch.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Tetcher';
    src: url("../fonts/Tetcher.woff") format('woff'),url("../fonts/Tetcher.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AcquestScript';
    src: url("../fonts/acquest-script.woff") format('woff'),url("../fonts/acquest-script.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Adlery';
    src: url("../fonts/Adlery.woff") format('woff'),url("../fonts/Adlery.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CaveatBold';
    src: url("../fonts/CaveatBold.woff") format('woff'),url("../fonts/CaveatBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Athenic';
    src: url("../fonts/Athenic.woff") format('woff'),url("../fonts/Athenic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CaveatRegular';
    src: url("../fonts/CaveatRegular.woff") format('woff'),url("../fonts/CaveatRegular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CirceBold';
    src: url("../fonts/CirceBold.woff") format('woff'),url("../fonts/CirceBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CirceExtraBold';
    src: url("../fonts/CirceExtraBold.woff") format('woff'),url("../fonts/CirceExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Cour';
    src: url("../fonts/Cour.woff") format('woff'),url("../fonts/Cour.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Courbd';
    src: url("../fonts/Courbd.woff") format('woff'),url("../fonts/Courbd.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Courbi';
    src: url("../fonts/Courbi.woff") format('woff'),url("../fonts/Courbi.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Couri';
    src: url("../fonts/Couri.woff") format('woff'),url("../fonts/Couri.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueBold';
    src: url("../fonts/NeueBold.woff") format('woff'),url("../fonts/NeueBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueLight';
    src: url("../fonts/NeueLight.woff") format('woff'),url("../fonts/NeueLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueRoman';
    src: url("../fonts/NeueRoman.woff") format('woff'),url("../fonts/NeueRoman.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ElowenCaps';
    src: url("../fonts/ElowenCaps.woff") format('woff'),url("../fonts/ElowenCaps.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LeoHand';
    src: url("../fonts/LeoHand.woff") format('woff'),url("../fonts/LeoHand.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LeoHandLight';
    src: url("../fonts/LeoHandLight.woff") format('woff'),url("../fonts/LeoHandLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LoreleiPrint';
    src: url("../fonts/LoreleiPrint.woff") format('woff'),url("../fonts/LoreleiPrint.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Neucha';
    src: url("../fonts/Neucha.woff") format('woff'),url("../fonts/Neucha.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BlancSeingLight';
    src: url("../fonts/BlancSeingLight.woff") format('woff'),url("../fonts/BlancSeingLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BlancSeingBold';
    src: url("../fonts/BlancSeingBold.woff") format('woff'),url("../fonts/BlancSeingBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'A_Empirial';
    src: url("../fonts/A_Empirial.woff") format('woff'),url("../fonts/A_Empirial.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Brusher';
    src: url("../fonts/Brusher.woff") format('woff'),url("../fonts/Brusher.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Ribbon';
    src: url("../fonts/Ribbon.woff") format('woff'),url("../fonts/Ribbon.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gogol';
    src: url("../fonts/Gogol.woff") format('woff'),url("../fonts/Gogol.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Koala';
    src: url("../fonts/Koala.woff") format('woff'),url("../fonts/Koala.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Manuscript';
    src: url("../fonts/Manuscript.woff") format('woff'),url("../fonts/Manuscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Nicoletta';
    src: url("../fonts/Nicoletta.woff") format('woff'),url("../fonts/Nicoletta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Segoesc';
    src: url("../fonts/Segoesc.woff") format('woff'),url("../fonts/Segoesc.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Segoescb';
    src: url("../fonts/Segoescb.woff") format('woff'),url("../fonts/Segoescb.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scripka';
    src: url("../fonts/Scripka.woff") format('woff'),url("../fonts/Scripka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'TeddyBear';
    src: url("../fonts/TeddyBear.woff") format('woff'),url("../fonts/TeddyBear.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Zing';
    src: url("../fonts/Zing.woff") format('woff'),url("../fonts/Zing.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

.btn {
    font-family: 'Montserrat';
    font-size: 1.12em;
    font-weight: 600;
    font-size: 1.12em
}

a {
    color: inherit
}

.site-block-edit-btn,.paper-add-btns-block {
    display: none
}

.helpMe {
    font-size: 1.3em;
    text-decoration: none;
    border-radius: 28px;
    text-align: center;
    margin-left: 10px;
    float: left;
    color: #111;
    background: #fff;
    border: 1px solid #111;
    padding: 1px 12px 3px 12px;
    border-radius: 34px;
    font-family: 'Montserrat';
    cursor: pointer
}

.helpMe:hover {
    color: #fff;
    background: #111;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.guestAgreement {
    margin: auto;
    max-width: 300px;
    width: 100%;
    position: relative;
    font-family: Rotonda
}

.guestAgreement .btn-default[answer] {
    margin: 15px auto;
    width: 100%
}

.guestAgreement[action=agreebtn] {
    display: block
}

.atc-style-blue .atcb-link,.atc-style-blue .atcb-link:active,.atc-style-blue .atcb-link:focus {
    margin: 0;
    padding: 9px 25px;
    color: #fff;
    font-size: 12pt;
    text-decoration: none;
    outline: none;
    font-family: CirceBold;
    line-height: 1em;
    vertical-align: middle;
    background: rgba(0,255,90,0.61);
    box-shadow: 0 0 40px rgba(0,0,0,0.13) inset;
    border-radius: 6px;
    zoom:1}

.atc-style-blue .atcb-link:hover {
    box-shadow: inset 1px 0 11px 20px rgba(202,202,202,0.19)
}

.atc-style-blue .atcb-list {
    width: 170px;
    border: 1px solid #bababa;
    border-radius: 2px;
    box-shadow: 0 0 5px #aaa
}

.atc-style-blue .atcb-list,.atc-style-blue .atcb-item {
    background: #fff;
    color: #000
}

.atc-style-blue .atcb-item,.atc-style-blue .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    zoom:1}

.atc-style-blue .atcb-item-link,.atc-style-blue .atcb-item-link:hover,.atc-style-blue .atcb-item-link:active,.atc-style-blue .atcb-item-link:focus {
    color: #000;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px
}

.atc-style-blue .atcb-item-link:hover,.atc-style-blue .atcb-item-link:active,.atc-style-blue .atcb-item-link:focus {
    color: #fff
}

.atc-style-blue .atcb-item.hover,.atc-style-blue .atcb-item:hover {
    background: #0eb381
}

.animate {
    transition: all .5s ease-out 0s
}

[elemplace=plate],.textLine {
    transition: all .1s ease-out 0s
}

.toggle {
    color: #f2f2f3;
    cursor: pointer;
    width: 43px !important;
    height: 24px;
    margin-left: 14px;
    margin-top: 4px;
    float: right;
    border-radius: 30px;
    position: relative;
    padding: 5px 10px;
    background: rgba(204,204,204,0.4)
}

.toggle i.fa {
    float: left;
    font-size: 21px !important;
    border-radius: 100px;
    margin: -3.5px 0 0 -6px
}

.toggle .fa-circle {
    display: block
}

.toggle .fa-check-circle {
    display: none
}

.toggle.active {
    background: #f3613e;
    border: 1px solid #f3613e;
    padding: 3px 10px
}

.toggle.active .fa-circle {
    display: none
}

.toggle.active .fa-check-circle {
    display: block;
    margin: -1px 0 0 9px !important;
    color: #fff;
    background: #fff;
    width: 18px;
    height: 18px;
    font-size: 18px !important
}

.toggles .elementtype.active {
    background: none !important;
    border: 3px solid rgba(0,0,0,0) !important;
    color: #696d74 !important;
    box-shadow: none !important
}

#screen .typeInvSelect {
    display: none
}

#screen .textLine {
    left: 0% !important;
    right: 0% !important
}

#screen .block {
    width: 100%;
    height: 700px
}

#screen #count {
    max-width: 480px;
    padding-top: 2vmin;
    z-index: 5
}

#screen [elemplace=plate] .textLine {
    left: inherit !important;
    right: inherit !important
}

#screen .dazzle {
    margin-top: 60px
}

#screen .mymenu {
    height: 60px;
    z-index: 10;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
    position: fixed;
    background: rgba(17,17,17,0.45);
    width: 514px
}

#screen .mymenu .mynav {
    float: left;
    padding: 13px;
    height: 60px;
    font-size: 13.7pt;
    color: #fff;
    text-decoration: none;
    font-family: CirceBold
}

#screen .mymenu .mynav:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 5px solid #fff
}

#screen .mymenu .dropdownMenubox {
    position: absolute;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-left: -16px;
    top: 58px;
    font-size: 13pt;
    line-height: 24pt;
    background: rgba(17,17,17,0.45)
}

#screen .mymenu .dropdownMenubox ul {
    padding: 12px 40px 60px 60px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-bottom: 0
}

#screen .mymenu .dropdownMenubox ul li {
    list-style-type: none;
    margin-left: -30px
}

#screen .mymenu .dropdownMenubox ul li .menuIcon {
    width: 30px;
    margin-right: 3%;
    margin-top: 2%
}

#screen .mymenu .dropdownMenubox ul li a {
    clear: both;
    display: block;
    width: 110%
}

#screen .mymenu .dropdownMenubox ul li a * {
    float: left
}

#screen .mymenu .dropdownMenubox ul li a:hover {
    opacity: .8;
    text-decoration: none
}

#screen .mymenu .menuNav {
    font-size: 18pt;
    padding-top: 11px !important
}

#screen .mymenu .adtcBox {
    float: right !important;
    margin-right: 10px
}

#screen .mymenu .adtcBox a.atcb-link {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    box-shadow: 0 4px 14px 3px rgba(0,0,0,0)
}

#screen .mymenu .adtcBox a.atcb-link:hover {
    box-shadow: 0 4px 14px 3px rgba(0,0,0,0.302)
}

#screen .element8 {
    height: auto !important;
    padding: 30px
}

#screen .element7 {
    padding: 70px 0 !important
}

#screen .element5 .textLine[action=text1] {
    padding: 15px 0
}

.element_envelope {
    width: 100%;
    height: 100%
}

.element_envelope [action=envelope_text1] {
    backface-visibility: hidden;
    font-size: 23.9806pt;
    font-family: Adlery;
    color: #000;
    line-height: inherit;
    text-align: center
}

.element_envelope [action=envelope_text2] {
    backface-visibility: hidden;
    font-size: 20.5548pt;
    font-family: Madelyn;
    color: #000;
    line-height: inherit;
    letter-spacing: 0;
    text-align: center
}

.element_envelope [action=envelope_text3] {
    font-family: Madelyn;
    font-size: 22.2677pt;
    color: #000;
    text-align: center
}

.element_countdown {
    position: relative;
    margin: auto
}

.block#myinv {
    height: auto !important
}

.block#map {
    height: 500px !important;
    background: url("../../../../src/img/bgmap.jpg");
    background-size: cover;
    background-position: 50% 50%
}

.block#timetable,.block#opros {
    height: auto !important
}

.block#timetable [name=desc],.block#opros [name=desc] {
    display: block
}

#screen #footer,.allsheet #footer {
    height: 160px
}

#screen #footer .logoBox,.allsheet #footer .logoBox {
    width: 300px;
    padding: 26px 28px;
    margin: auto
}

#screen #footer .logoBox .logo,.allsheet #footer .logoBox .logo {
    background-image: url("/src/img/logo_new.png");
    opacity: 1;
    max-width: 150px;
    background-size: contain;
    height: 60px;
    padding-top: 19px;
    margin: auto;
    background-repeat: no-repeat
}

#screen #footer .logoBox .slogan,.allsheet #footer .logoBox .slogan {
    font-size: 10pt;
    margin-top: 10px;
    text-align: center
}

#screen #timetable,.allsheet #timetable {
    font-family: Lobster;
    width: 100%
}

#screen #timetable #timetablecontent,.allsheet #timetable #timetablecontent {
    max-width: 600px;
    margin: auto;
    font-size: 1.4em;
    line-height: 1.5em
}

#screen #timetable [name=desc],.allsheet #timetable [name=desc] {
    padding: 20px
}

#screen #timetable [name=title],.allsheet #timetable [name=title] {
    font-size: 13.7032pt;
    font-family: Mon-amour;
    color: #000
}

#screen #timetable [name=address],.allsheet #timetable [name=address] {
    font-size: 11.9903pt;
    font-family: Mon-amour;
    color: #808080
}

#screen #timetable .event,.allsheet #timetable .event {
    margin-bottom: 20px
}

#screen #timetable .element_tt,.allsheet #timetable .element_tt {
    padding-top: 60px;
    background: rgba(245,245,245,0.5);
    font-size: 10.2774pt;
    padding-bottom: 15px;
    font-family: Annabelle;
    color: #808080
}

#screen #timetable .element_tt h2,.allsheet #timetable .element_tt h2 {
    font-size: 22.2677pt;
    font-family: Magnolia;
    color: #808080;
    padding-bottom: 30px
}

#screen #timetablePaper,.allsheet #timetablePaper {
    font-family: Lobster;
    width: 100%
}

#screen #timetablePaper #timetablecontent,.allsheet #timetablePaper #timetablecontent {
    max-width: 600px;
    margin: auto;
    font-size: 1em;
    position: relative
}

#screen #timetablePaper [name=desc],.allsheet #timetablePaper [name=desc] {
    padding: 10px
}

#screen #timetablePaper [name=title],.allsheet #timetablePaper [name=title] {
    font-size: 13.7032pt;
    font-family: Mon-amour;
    color: #000
}

#screen #timetablePaper [name=address],.allsheet #timetablePaper [name=address] {
    font-size: 11.9903pt;
    font-family: Mon-amour;
    color: #808080
}

#screen #timetablePaper .element_tt,.allsheet #timetablePaper .element_tt {
    font-size: 10.2774pt;
    font-family: Annabelle;
    color: #808080
}

#screen #timetablePaper .element_tt h2,.allsheet #timetablePaper .element_tt h2 {
    font-size: 22.2677pt;
    font-family: Magnolia;
    color: #808080;
    position: relative
}

.allsheet [name=desc] {
    padding: 0 10px
}

.hint-danger {
    color: #841e10;
    background: #eaa6a6
}

.hint-success {
    color: #287b28;
    background: #a8eaaa
}

.toast {
    opacity: 1 !important;
    box-shadow: none !important;
    border-radius: 10px !important
}

.toast .btn {
    font-family: Rotonda
}

.toast-warning {
    background-color: #d97d6b !important
}

.toast-info {
    background-color: #0870ad !important
}

.toast-success {
    background-color: #00ac46 !important
}

.toast-message {
    font-family: Montserrat;
    font-weight: 600;
    font-size: .9em;
    box-shadow: none !important
}

.toast-container {
    margin-top: 50px
}

.listing .alert {
    margin: 15px
}

.unlocked {
    display: block;
    color: #fff;
    background: #68c76a;
    border: 3px solid #fff;
    border-radius: 50px;
    padding: 8px;
    margin-top: 35px;
    float: left;
    display: none
}

.unlocked span {
    display: block
}

.unlocked b {
    vertical-align: sub;
    font-weight: normal
}

.unlocked i {
    font-size: 2.2em
}

.paycard {
    padding: 0 !important;
    display: inline
}

.paycard form {
    display: inline
}

.unlockhint {
    display: none
}

.unlockhint .fa-spin {
    font-size: .9em
}

.accountTabs .balance {
    border: 2px solid #fe9078;
    width: 100%;
    max-width: 300px;
    padding: 20px;
    border-radius: 20px
}

.accountTabs .balance .info {
    display: inline
}

.accountTabs .balance .info b {
    width: 10px
}

.balance .cards {
    background: url("../img/cards.png") no-repeat;
    background-size: contain;
    background-position: 100%;
    width: 268px;
    height: 62px
}

.balance .cardinfo {
    margin-top: 10px
}

.balance .cardinfo i {
    font-size: 2em;
    color: rgba(92,92,92,0.8)
}

.balance .cardinfo .text {
    font-size: .8em
}

#cboxContent #cboxLoadedContent {
    overflow: hidden !important
}

#cboxContent #cboxLoadedContent .sheet {
    transform: none !important
}

#cboxContent #cboxLoadedContent .sheet .back {
    transform: rotateY(0deg) !important;
    visibility: visible !important
}

#cboxContent #cboxLoadedContent .sheet .front {
    transform: rotateY(0deg) !important;
    visibility: visible !important
}

#cboxContent #cboxLoadedContent .textLine,#cboxContent #cboxLoadedContent .hoverborderGroup {
    border: 2px solid rgba(255,255,255,0) !important;
    box-shadow: none
}

#cboxContent #cboxLoadedContent .endEditGroup {
    display: none
}

.listing #constructorContent {
    background: rgba(80,62,88,0.478);
    padding: 10px 0 45px 0;
    margin: 1px -7px -7px -7px
}

#constructorContent .btn,.maketcontrol .btn {
    margin-top: 10px
}

#constructorContent .alert-warning .fa,.maketcontrol .alert-warning .fa {
    display: block;
    float: left;
    width: 46px;
    text-align: left;
    height: 40px;
    margin-left: -14px
}

.texts {
    top: 40%;
    width: 100%;
    height: 60%;
    position: relative
}

.texttoggle {
    color: #ffe0b4 !important;
    text-decoration: none !important
}

.btn-style-gold-fill {
    background: #ffc2b2 !important
}

.btn-style-gold-fill:hover {
    background: #d6ad9f !important;
    color: #1e1f28 !important
}

.sub-title {
    color: #edd7a3
}

.module {
    border: 2px solid rgba(255,255,255,0)
}

.textLine {
    top: 0%;
    clear: both;
    bottom: 0%;
    left: 0%;
    position: relative;
    border: 2px solid rgba(255,255,255,0)
}

.hoverborder {
    border: 2px solid #0fe
}

.hoverborderGroup,.hoverborderControl {
    border: 2px solid #dfbf73 !important;
    box-shadow: 0 4px 14px 3px rgba(0,0,0,0.302)
}

.mobileMaketControl {
    width: 100vw;
    height: 110vh;
    margin-top: -73px;
    transform: scale(.8);
    right: 110%;
    max-width: 430px;
    padding-top: 20px;
    padding: 12px;
    box-shadow: 1px -1px 7px 3px #000;
    background: rgba(49,47,67,0.902);
    z-index: 104;
    position: fixed
}

.mobileMaketControl.open {
    right: -5%
}

.mobileMaketControl.open .contentMMC {
    overflow: scroll;
    width: 100%;
    height: 100%;
    padding: 15px;
    margin-top: 20px
}

.mobileMaketControl.open .close {
    font-family: Montserrat;
    font-size: 2em;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 12px;
    top: 10px;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    opacity: 1;
    text-shadow: none;
    transform: scale(1.5) rotate(45deg) !important
}

.mobileMaketControl.open .header {
    font-family: Montserrat;
    font-weight: 500;
    color: #fff;
    padding: 0 14px 10px 10px
}

.mobileMaketControl.open .header i.fa {
    font-size: 1em;
    padding-right: 13px
}

.moveBox[type=video]:hover {
    border: 2 px solid #f00
}

[elemplace=bgbacktext] .imgcontrol {
    margin-left: 0
}

.moveBox[visible=hidden] .textLine {
    animation: none !important
}

.moveBox[type=img],.moveBox[type=text],.moveBox[type=link],.moveBox[type=video] {
    clear: both
}

.plate_box {
    margin: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat
}

.element_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat
}

.element_txt .moveBox {
    float: left;
    clear: both
}

#screen .plate_box,#screen .element_txt {
    width: 514px;
    margin-right: -257px;
    right: 50%
}

.dropdown-menu li a {
    font-size: 1.2em
}

.family .dropdown-menu li a.opt {
    font-size: 1.7em
}

.filter-option .colorpreview {
    transform: scale(.8)
}

.fontcontrol .family .dropdown-menu {
    margin-left: 25%
}

.element1 {
    margin: auto;
    top: 10%;
    position: absolute;
    width: 90%;
    height: 72%;
    background-repeat: no-repeat;
    text-align: center;
    font-family: 'Lobster',cursive;
    background-size: contain;
    background-position: 0;
}

.element11 {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14pt;
    font-family: 'Lobster',cursive;
    background-size: contain;
    background-position: 50%
}

.element1_mini {
    margin: auto;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14pt;
    font-family: 'Lobster',cursive;
    background-size: contain;
    background-position: 50%
}

.element2 {
    margin: auto;
    top: 85%;
    position: absolute;
    width: 100%;
    height: 10%;
    background: url("../img/logo.png") no-repeat;
    background-size: contain;
    background-position: 50% 100%
}

.element3 {
    margin: auto;
    top: 23%;
    position: relative;
    width: 50%;
    height: 10%;
    background: url("../../img/logo.png") no-repeat;
    background-size: contain;
    background-position: 50% 100%
}

.element5 {
    margin: auto;
    text-align: left;
    top: 15%;
    position: relative;
    margin: auto;
    width: 90%;
    height: 80%;
    background-position: 50% 50%
}

.element6,.element7 {
    width: 100%;
    height: 100%;
    position: relative
}

.element8 {
    margin: auto;
    width: 79%;
    height: 86%;
    top: 7%;
    position: relative
}

#screen .element8 {
    max-width: 550px
}

@media (max-width: 500px) {
    #screen .element8 {
        width:inherit
    }

    .commentBox {
        margin: 0 -30px
    }
}

#phoneviewBox {
    height: 100%;
    width: 100%
}

.phoneview {
    margin: auto;
    margin-top: -50px;
    left: 45px;
    width: 550px;
    height: 96%;
    padding: 7px 12px 50px 12px;
    position: relative;
    border: 3px solid #e0e0e0;
    background: #f5f5f5;
    border-radius: 35px;
    -ms-transition: all .25s cubic-bezier(.7,0,.175,1) 0s;
    transition: all .25s cubic-bezier(.7,0,.175,1) 0s;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3),-3px -1px 12px 1px #96a3a5 inset
}

.phoneview #mymain .textBox .textLine {
    animation: appearHeartRevers 2.5s 1 cubic-bezier(.215,.61,.355,1) .5s backwards
}

.phoneview .hideFromBuild {
    display: none !important
}

.phoneview #mymain [module] {
    animation: appearColor 3s 1 cubic-bezier(.215,.61,.355,1) 2s backwards
}

.phoneview #mymain .plate_box {
    animation: appearHeart 2s 1 cubic-bezier(.215,.61,.355,1) 0s backwards
}

.phoneview #count {
    animation: appearColor 2s 1 0s backwards
}

.phoneview #menu {
    animation: toDown 1.5s 1 cubic-bezier(.215,.61,.355,1) 2.5s backwards,appearColor 2s 1 0s backwards
}

.phoneview .phoneBtn {
    box-shadow: -1px 0 2px 1px rgba(150,163,165,0.91) inset;
    background: #e3e6e7;
    position: absolute;
    border-radius: 5px;
    z-index: -1
}

.phoneview .secretButton {
    width: 10px;
    height: 75px;
    right: -9px;
    top: 145px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.phoneview .downButton {
    width: 7px;
    height: 44px;
    left: -7px;
    top: 145px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.phoneview .upButton {
    width: 7px;
    height: 44px;
    left: -7px;
    top: 215px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.phoneview::before,.phoneview::after {
    content: "";
    position: absolute;
    border: 1px solid #fff;
    border-radius: 5px;
    left: 50%;
    top: 6px !important;
    margin-left: -45px;
    width: 70px;
    height: 9px !important;
    background: #bdbdbd;
    box-shadow: 0 -1px 7px 1px #96a3a5 inset
}

.phoneview::before {
    bottom: 5px;
    height: 30px
}

.phoneview::after {
    top: 7px;
    height: 6px
}

.mobile_phoneview {
    margin-top: 0 !important;
    height: 96% !important
}

.screen {
    height: 100%;
    border-radius: 20px;
    border: 3px solid #fff;
    width: 520px;
    margin: auto;
    position: relative;
    margin-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 101;
    background: #fff
}

.quadrosheet .sheetview {
    margin-top: 34%
}

.quadrosheet .sheetview .block {
    width: 100%;
    height: 100%
}

.quadrosheet .sheetview .element6 .element1 {
    top: -100% !important;
    position: relative !important;
    width: 100% !important;
    height: 300% !important
}

.quadrosheet .sheetview .plate100 {
    background-size: 100% !important
}

.quadrosheet .sheetview .plate120 {
    background-size: 120% !important
}

.quadrosheet .sheetview .plateTop {
    background-position-y: 295% !important;
    background-position-x: 50%;
    background-size: 100% !important
}

.minisheet .sheetview {
    margin-top: 34%
}

.minisheet .sheetview .block {
    width: 100%;
    height: 100%
}

.minisheet .sheetview .element6 .element1 {
    top: -100% !important;
    position: relative !important;
    width: 100% !important;
    height: 300% !important
}

.minisheet .sheetview .plate100 {
    background-size: 100% !important
}

.minisheet .sheetview .plate120 {
    background-size: 120% !important
}

.minisheet .sheetview .plateTop {
    background-position-y: 148% !important;
    background-position-x: 50%;
    background-size: 100% !important
}

.middlesheet .sheetview {
    margin-top: 34%
}

.middlesheet .sheetview .block {
    width: 100%;
    height: 100%
}

.middlesheet .sheetview .element6 .element1 {
    top: -100% !important;
    position: relative !important;
    width: 100% !important;
    height: 300% !important
}

.middlesheet .sheetview .plate100 {
    background-size: 100% !important
}

.middlesheet .sheetview .plate120 {
    background-size: 120% !important
}

.middlesheet .sheetview .plateTop {
    background-position-y: 295% !important;
    background-position-x: 50%;
    background-size: 100% !important
}

.allsheet {
    width: 100%;
    height: 100%;
    position: relative
}

.allsheet .element_tt {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.allsheet .element_plan {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.allsheet #seatingplancontent {
    font-family: Madelyn;
    color: #000;
    line-height: inherit;
    letter-spacing: 0;
    text-align: center
}

.allsheet .element_tcard {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.allsheet .element_card {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.element_dresscode {
    width: 100%;
    height: 100%;
    top: 18%;
    text-align: center;
    position: absolute
}

.element_dresscode h2 {
    position: relative;
    font-family: Magnolia;
    color: #808080 !important;
    font-size: 22.2677pt
}

.colors {
    padding: 0;
    padding-top: 19px;
    width: 260px
}

.colors .color {
    height: 40px !important;
    width: 40px !important;
    box-shadow: none
}

#colorbox .bottomPaperFade {
    display: none
}

.newMaket:hover {
    color: #414250
}

.newMaket {
    float: left;
    padding: 22px 0 0 34px;
    margin-top: 6px;
    color: rgba(55,56,72,0.78);
    height: 96px;
    cursor: pointer
}

.newMaket .fa-sticky-note {
    font-size: 2.5em;
    margin-top: 8px
}

.newMaket .fa-mobile {
    font-size: 3.5em
}

.newMaket .fa-plus {
    position: absolute;
    left: -21px;
    top: 21px;
    font-size: 1em
}

.maketBox {
    padding: 8px 10px 19px 14px;
    background: rgba(80,62,88,0.478);
    min-width: 260px;
    width: 30%;
    margin-left: -7px;
    float: left
}

.frameBox {
    width: 72px;
    float: left;
    height: 78px;
    margin: auto;
    background: url("../../src/img/eframe_iphone.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 35% 50%
}

.frameBox .img {
    height: 61px;
    width: 35px;
    top: 9px;
    left: 14px;
    background-size: cover;
    position: relative
}

.paperBox {
    width: 35%;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    float: left;
    height: 72px
}

.paperBox .img {
    background: #ccc;
    width: 60px;
    background-size: cover;
    height: 84px;
    position: relative
}

.descBox {
    width: 55%;
    margin-left: 5%;
    float: left;
    position: relative
}

.descBox .num {
    position: absolute;
    right: -20px;
    top: 0;
    color: #8b8c95;
    padding: 3px 5px;
    border-radius: 20px
}

.descBox .lang {
    font-size: 10pt;
    color: #8b8c95
}

.descBox .stylename {
    font-size: 10pt;
    color: #fff;
    padding: 7px 0 5px
}

.descBox .btn {
    transform: scale(.9);
    margin-left: -10%
}

.sheet {
    height: 80%;
    margin: auto !important;
    position: relative;
    margin-top: 10px;
    z-index: 101
}

.canvas .textLine:hover:not(:focus) {
    background: rgba(0,255,250,0.29);
    border: 2px solid #0fe
}

.canvas .textLine:focus {
    background: transparent !important
}

.sheet#envelope {
    top: 10%
}

.sheet#envelope .sheetview {
    top: 20%
}

#textcontrol {
    clear: both;
    height: 132px;
    margin-left: 15px
}

#textcontrol .fontover {
    margin: auto !important;
    left: initial !important
}

.sheetview {
    width: 100%;
    height: 100%;
    position: relative;
    margin-left: 50px
}

.sheetview .front,.sheetview .back {
    width: 100%;
    height: 100%;
    position: absolute;
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.45)
}

.showHex {
    padding: 15px 40px
}

button.jscolor,input.jscolor {
    border-radius: 100px !important;
    padding: 35px;
    height: 70px !important;
    width: 70px !important;
    margin: 6px !important;
    border: 1px solid #000 !important;
    font-size: .8em;
    font-weight: 800;
    text-align: center
}

.background {
    height: 100%;
    width: 100%;
    background: #fff
}

.addsBoxInside {
    position: absolute;
    width: 100%
}

.addsBoxInside .addsBoxCustom .btn {
    margin: 6px;
    float: right;
    border: 1px solid #ffc2b2 !important;
    color: #1e1f28 !important;
    border-radius: 24px;
    background: #d6ad9f !important;
    padding: 10px 25px;
    margin-right: 19px;
    border-color: #000 !important
}

.addsBoxInside .addsBox,.addsBoxInside .addsBoxCustom {
    position: absolute;
    z-index: 9;
    right: 30px;
    margin: 5px
}

.addsBoxInside .addBoxBtn {
    float: right;
    right: -100px;
    position: absolute;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    margin: 11px;
    font-family: Montserrat !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25pt;
    cursor: pointer;
    color: #fff;
    background: rgba(55,52,66,0.8);
    border: 1px solid #fff;
    font-weight: 500;
    z-index: 9;
    transition: all .5s ease-out 0s
}

.addsBoxInside .addBoxBtn:hover {
    transform: scale(1.15);
    background: rgba(55,52,66,0.8)
}

.addsBoxInside .closeBtn {
    background: transparent;
    color: #fff;
    transform: rotate(45deg);
    right: 0;
    top: -15px;
    border: 1px solid transparent
}

.addsBoxInside .closeBtn:hover {
    transform: scale(1.15) rotate(45deg) !important;
    background: transparent
}

.block:hover .addsBoxInside .addBoxBtn {
    right: 0
}

.showNowAdd.addBoxBtn {
    right: 0
}

.textLine iframe:hover {
    border: 1px solid
}

.maketcontrol:not(.hide):last-child .elementSelect .elements {
    padding-bottom: 80px !important
}

.maketcontrol .addsBox {
    margin-top: -28px !important;
    margin-left: 14px !important;
    float: inherit !important
}

.constructor {
    background: #e0e0e0;
    position: relative;
    top: 84px
}

.constructor .addsBox {
    margin-top: -8px;
    float: left
}

.constructor #screen .addsBox {
    background: rgba(55,52,66,0.8) !important;
    display: flex;
    right: 10px;
    top: 6px;
    padding-top: 37px !important;
    border-radius: 5px;
    padding: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    animation: showPanelinScreen .5s ease-out 0s both
}

.constructor #screen .addsBox .addElement {
    float: right;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    margin: 5px 7px 10px 7px;
    padding: 7px 6px
}

.constructor #screen .addsBox .addElement:nth-child(1) {
    animation: topFade .5s 1 both .5s
}

.constructor #screen .addsBox .addElement:nth-child(2) {
    animation: topFade .5s 1 both .65s
}

.constructor #screen .addsBox .addElement:nth-child(3) {
    animation: topFade .5s 1 both .8s
}

.constructor #screen .addsBox .addElement:nth-child(4) {
    animation: topFade .5s 1 both 1.05s
}

.constructor .addElement {
    transition: all .5s ease-out 0s;
    border: 1px solid #000 !important;
    width: 83px;
    overflow: hidden
}

.constructor .addElement strong {
    transition: all .5s ease-out 0s;
    display: none
}

.constructor .addElement:hover,.constructor .active.addElement {
    transform: scale(1.15)
}

.constructor .addElement:hover strong,.constructor .active.addElement strong {
    margin-top: 6px;
    display: block;
    float: right;
    font-size: .9em
}

.constructor .addElement {
    float: left;
    border-radius: 30px;
    width: 45px;
    height: 45px;
    margin: 5px 7px 15px 7px;
    padding: 7px 6px
}

.constructor .addElement .fa-plus,.constructor .addElement .fa-refresh {
    font-size: .5em;
    position: relative;
    top: -7px;
    left: 2px
}

.constructor .listing .alert-warning,.constructor .maketcontrol .alert-warning {
    color: #fff;
    background: #4f485d !important
}

.constructor .alert-success {
    background: transparent;
    color: #ae8e89 !important;
    border: 2px solid #ae8e89;
    border-radius: 5px
}

.constructor .alert-info {
    background: rgba(159,212,255,0.08) !important;
    color: #afc5ce !important;
    border: 0;
    border-radius: 10px
}

.constructor .canvas {
    background: #181a29;
    height: 100%;
    top: 84px;
    position: fixed
}

.constructor .typerollMenu {
    left: -3px;
    top: 47px;
    position: absolute;
    display: none
}

.constructor .typerollMenu .fa {
    float: left
}

.constructor .typerollBox {
    margin-left: 0;
    top: 84px
}

.constructor .typeroll {
    overflow: auto;
    left: 0;
    display: block;
    padding-bottom: 20px;
    position: absolute;
    z-index: 105;
    top: 0;
    width: 92px;
    overflow: hidden;
    background: rgba(43,35,56,0.859);
    transition: all .5s ease-out 0s;
    border-radius: 5px
}

.constructor .typeroll:hover {
    background: #2e2a3e;
    width: 310px
}

.constructor .typeroll:hover .elementtype .mini {
    animation: outMini .5s ease-out 0s both
}

.constructor .typeroll:hover .elementtype .toggle {
    animation: fadeOut .5s ease-out .3s both
}

.constructor .typeroll:hover .elementtype .nametype {
    display: block !important
}

.constructor .typeroll .razdel {
    border-bottom: 1px solid #181a29;
    margin-top: 3px;
    margin-bottom: 3px
}

.constructor .typeroll .menuName {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 6px;
    font-size: .9em;
    color: #ccc;
    font-family: Rotonda
}

.constructor .typeroll .elementtype {
    margin: 0 5px;
    padding: 0 18px;
    overflow: hidden;
    border: 3px solid rgba(0,0,0,0);
    font-size: .85em;
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none;
    font-family: Montserrat;
    font-weight: 400;
    height: 35px;
    clear: both
}

.constructor .typeroll .elementtype i,.constructor .typeroll .elementtype .fa-stack-2x {
    font-size: 18px
}

.constructor .typeroll .elementtype .mini {
    font-size: .35em;
    color: #f4623e;
    right: 31px;
    background: #f4623e;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    top: 0;
    position: absolute;
    z-index: 1;
    animation: inMini .5s ease-out 0s both
}

.constructor .typeroll .elementtype span {
    transition: all .5s ease-out 0s
}

.constructor .typeroll .elementtype .toggle {
    animation: fadeIn .5s ease-out 0s both
}

.constructor .typeroll .elementtype .fa-stack {
    width: 3em;
    height: 3em;
    float: left;
    line-height: 3em;
    margin-top: 1px
}

.constructor .typeroll .elementtype .fa-stack .fa-gratipay,.constructor .typeroll .elementtype .fa-stack .fa-heart,.constructor .typeroll .elementtype .fa-stack .fa-align-center,.constructor .typeroll .elementtype .fa-stack .fa-plus-square,.constructor .typeroll .elementtype .fa-stack .fa-ellipsis-h,.constructor .typeroll .elementtype .fa-stack .fa-list-ul,.constructor .typeroll .elementtype .fa-stack .fa-th,.constructor .typeroll .elementtype .fa-stack .fa-user,.constructor .typeroll .elementtype .fa-stack .fa-circle-o {
    font-size: 1em;
    margin-top: -3px
}

.constructor .typeroll .elementtype .fa-stack .fa-usd,.constructor .typeroll .elementtype .fa-stack .fa-commenting,.constructor .typeroll .elementtype .fa-stack .fa-male {
    margin-top: 3px
}

.constructor .typeroll .elementtype .fa-stack .fa-check-square-o {
    margin-top: -2px
}

.constructor .typeroll .elementtype .fa-stack .fa-share {
    font-size: 12px;
    margin-top: -2px
}

.constructor .typeroll .elementtype .fa-stack .fa-envelope-o {
    font-size: 20px !important
}

.constructor .typeroll .elementtype .fa-stack .fa-font {
    font-size: 13px;
    top: -4px
}

.constructor .typeroll .elementtype .fa-stack .fa-square-o {
    color: #fff;
    font-size: 28px;
    margin-top: 0
}

.constructor .typeroll .elementtype .imgtype {
    border: 1px solid #ccc
}

.constructor .typeroll .elementtype .nametype {
    margin: 4px 14px;
    float: left;
    display: none;
    font-size: 1.2em
}

.constructor .typeroll .elementtype:hover {
    color: #ffc3b3;
    cursor: pointer
}

.constructor .typeroll .elementtype:hover span {
    transform: scale(1.3);
    margin-top: 2px
}

.constructor .typeroll .elementtype:hover .mini {
    font-size: 1.2em
}

.constructor .typeroll .elementtype.active {
    color: #fff;
    background: #f4623e;
    cursor: pointer;
    border-radius: 5px !important
}

.constructor .elementtype[block=tableCard] {
    margin-bottom: 15px !important
}

.constructor .panelTopCanvas {
    width: 100%;
    margin: auto;
    height: 50px;
    margin-bottom: 10px
}

.constructor .nameSheet {
    top: 85%;
    left: 50%;
    padding: 15px;
    width: 200px;
    margin-top: -90px;
    margin-left: -56px;
    position: absolute;
    text-align: center;
    background: rgba(64,60,78,0.722);
    border-radius: 20px;
    color: #fff;
    z-index: 102
}

.constructor .swipeSheet {
    padding: 30px;
    cursor: pointer;
    border-radius: 50px;
    background-color: #171929;
    color: #fff;
    position: absolute;
    z-index: 10
}

.constructor .swipeSheet .fa {
    font-size: 2.3em;
    color: #888
}

.constructor .leftSheet {
    background: linear-gradient(270deg,rgba(23,25,41,0),#272435);
    left: 110px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    top: 50%;
    margin-top: -100px
}

.constructor .rightSheet {
    background: linear-gradient(90deg,rgba(23,25,41,0),#272435);
    right: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    top: 50%;
    margin-top: -100px
}

.constructor .greyzone {
    padding: 12px 12px 12px 16px;
    margin-top: 15px;
    border-radius: 10px
}

.constructor .greyzone strong {
    display: block;
    color: #c5c5c5;
    font-weight: normal;
    font-family: Rotonda;
    padding-left: 10px;
    padding-top: 2px;
    float: right
}

.constructor .greyzone .dot {
    position: relative;
    top: 0;
    margin-left: 0;
    right: -6px;
    float: right;
    border-radius: 10px;
    padding: 1px 7px;
    background: #e74d2f;
    color: #fff
}

.constructor .greyzone a {
    color: #c5c5c5;
    font-size: 1em;
    margin-left: 10px;
    text-decoration: none
}

.constructor .greyzone a:only-child {
    margin-left: 0
}

.constructor .greyzone a:only-of-type {
    color: #fff
}

.constructor .greyzone a:hover {
    color: #9b9b9b;
    cursor: pointer
}

.constructor .greyzone a.active {
    color: #fff
}

.constructor .greyzone i.fa {
    font-size: .9em
}

.constructor .greyzone:hover {
    color: #fff;
    cursor: pointer
}

.constructor .zoom {
    position: absolute;
    top: 10px;
    right: 10px
}

.constructor .gotablet {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 12
}

.constructor .dopadd {
    width: 200px;
    left: 280px;
    top: 5px;
    position: absolute
}

.constructor .editinv,.constructor .editmobile {
    position: absolute;
    top: 10px;
    z-index: 12
}

.constructor .helpEnvelope,.constructor .helpSeatingPlan {
    top: 16px;
    background: #2a2839;
    right: 5%;
    position: absolute;
    padding: 9px 17px;
    font-size: 1.3em;
    text-decoration: none;
    border-radius: 28px;
    text-align: center;
    margin-left: 100px;
    color: #888;
    z-index: 20
}

.constructor .revers {
    position: absolute;
    top: 2px;
    font-family: 'Montserrat';
    font-size: 10pt;
    left: 30%;
    margin-left: -2px;
    z-index: 20;
    color: #888;
    text-decoration: none
}

.constructor .revers b {
    padding-left: 10px
}

.constructor .zoomCanvas {
    left: 71%;
    color: #888
}

.constructor .trigger {
    width: 215px;
    margin: auto;
    margin-top: 10px
}

.constructor .controlpanel {
    transition: all .5s ease-out 0s;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 300px;
    position: relative;
    padding: 0;
    float: right;
    padding-bottom: 40px
}

.constructor .controlpanel .endshadow {
    height: 350px;
    background: linear-gradient(0deg,#171929,#2a2739);
    width: 100%;
    position: absolute;
    margin-top: 20px
}

.constructor .controlpanel .steparea {
    background-image: url("../img/constructor_fade_in.png");
    background-size: contain;
    background-repeat: repeat-x;
    background-position: top;
    background-color: rgba(0,0,0,0);
    border: 0 solid rgba(151,151,151,0) !important
}

.constructor .controlpanel .maketcontrol:first-child {
    margin-top: 0 !important
}

.constructor .controlpanel .maketcontrol {
    background: rgba(80,62,88,0.478);
    border: 2px solid rgba(0,0,0,0);
    padding: 14px 30px 10px 10px;
    margin: 1px;
    color: #fff
}

.constructor .controlpanel .maketcontrol .header {
    font-family: Montserrat;
    padding: 5px 15px 10px 15px
}

.constructor .controlpanel .maketcontrol .header i.fa {
    font-size: 1em;
    padding-right: 13px
}

.constructor .controlpanel .maketcontrol .menu-direction i.fa {
    font-size: 1em;
    padding-right: 0
}

.constructor .listing {
    margin: auto;
    padding: 8px
}

.constructor .listing .ringOne[elemplace=bgbuttonatc] {
    background: rgba(0,255,90,0.61)
}

.constructor .listing .ringOne[elemplace=bgmenu] {
    background: rgba(17,17,17,0.45)
}

.constructor .listing .ringOne[elemplace=bgpalitra] {
    background: rgba(255,255,255,0.169)
}

.constructor .listing .ringOne[elemplace=bgbuttonagree] {
    background: #5cb85c
}

.constructor .listing .ringOne[elemplace=bgopros] {
    background: rgba(18,18,18,0.451)
}

.constructor .listing [action=text1] .close {
    display: none
}

.constructor .listing .elementSelect {
    position: relative
}

.constructor .listing .elementSelect i.fa {
    font-size: 15pt
}

.constructor .listing .elementSelect .elementsList {
    display: none
}

.constructor .listing .elementSelect .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    text-shadow: 0 1px 0 #000
}

.constructor .listing .elementSelect .elements {
    margin-top: 55px;
    margin-left: -19px;
    min-width: 296px;
    position: absolute;
    margin-bottom: 100px;
    background: #181a29;
    border-radius: 20px;
    padding: 20px 20px 40px 30px;
    z-index: 2
}

.constructor .listing .elementSelect .bgForPattern {
    border-radius: 30px;
    margin: 4px
}

.constructor .listing .elementSelect .bgForPattern .pattern {
    margin: 0 !important
}

.constructor .listing .elementSelect .elementOne {
    height: 60px;
    float: left
}

.constructor .listing .elementSelect .elementOne .corner {
    position: absolute;
    margin-left: -55px;
    display: none;
    bottom: -72px;
    width: 80px;
    border: 80px solid transparent;
    border-bottom: 80px solid #111;
    z-index: 3
}

.constructor .listing .elementSelect .elementOne .ringOne {
    width: 112px;
    border: 2px solid rgba(0,0,0,0) !important;
    transform: scale(1.15);
    cursor: pointer;
    margin-left: 20px
}

.constructor .listing .elementSelect .elementOne .ringOne .pattern {
    width: 100px;
    height: 43px;
    background-position: 0% 0% !important;
    background-size: cover !important
}

.constructor .listing .elementSelect .elementOne i.fa {
    background: none;
    color: #15172a;
    margin-top: 6px
}

.constructor .listing .elementSelect:hover .elementOne .ringOne .pattern {
    border: 3px solid #f3613e
}

.constructor .listing .elementSelect:hover .elementsList {
    display: block
}

.constructor .listing .elementSelect:hover .corner {
    display: none
}

.constructor .listing .preview {
    float: left;
    background: #bbbfc0;
    width: 80px;
    height: 80px;
    margin: 15px;
    border-radius: 80px;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat
}

.constructor .listing .big {
    margin: auto;
    background: #272535;
    float: left;
    border-radius: 10px;
    display: block;
    padding: 12px;
    text-decoration: none;
    color: #d8c8a4;
    font-family: Rotonda;
    width: 100% !important;
    text-align: center;
    min-height: 195px
}

.constructor .listing .big b {
    font-size: 1.1em;
    font-family: Rotonda;
    font-weight: normal;
    margin-top: 18px;
    display: block
}

.constructor .listing .big .preview {
    background-size: cover;
    margin: 3px -8px !important;
    height: 50px !important;
    width: 50px !important
}

.constructor .listing .big .btn {
    margin: 10px;
    padding-left: 12px;
    padding-right: 12px
}

.constructor .listing .big .type {
    margin-bottom: -10px;
    padding: 5px;
    font-size: .9em
}

.constructor .listing .big:hover {
    cursor: pointer
}

.constructor .listing .big.active {
    border: 2px solid #1d5486;
    background: #fff
}

.constructor .listing .big .ring {
    border: 0;
    width: 80px;
    height: 80px
}

.constructor .listing .big .ring:hover {
    border: 0
}

.constructor .listing .ring-plus {
    background: none;
    color: #fff;
    border: 1px dashed #85808d !important;
    box-shadow: none !important
}

.constructor .listing .ring-plus:hover {
    border: 1px dashed #696d74 !important
}

.constructor .listing .ring-plus span {
    display: block;
    font-size: 31pt;
    top: -29px;
    font-family: Montserrat;
    font-weight: 200;
    left: -9px;
    padding: 25px;
    position: relative
}

.constructor .listing .ring,.constructor .listing .ring-plus,.constructor .listing .ringOne {
    width: 58px;
    height: 57px;
    margin: 5px;
    float: left;
    transition: all .2s ease-out 0s;
    border-radius: 22px;
    display: block;
    text-decoration: none
}

.constructor .listing .ring .pattern,.constructor .listing .ring-plus .pattern,.constructor .listing .ringOne .pattern {
    float: left;
    background: #bbbfc0;
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255,255,255,0.329);
    margin: -.5px;
    border-radius: 20px;
    background-size: 150%
}

.constructor .listing .ring .preview,.constructor .listing .ring-plus .preview,.constructor .listing .ringOne .preview {
    margin: 30px 8px;
    border-radius: 5px;
    width: 71px;
    height: 71px;
    margin: 13px;
    border: 0
}

.constructor .listing .ring .text,.constructor .listing .ring-plus .text,.constructor .listing .ringOne .text {
    line-height: 2.4em;
    font-size: 1.8em;
    background: none;
    border: none;
    text-align: center
}

.constructor .listing .ring i,.constructor .listing .ring-plus i,.constructor .listing .ringOne i {
    display: block;
    padding: 8px;
    margin-left: 10px;
    margin-top: 15px;
    height: 35px;
    background: #f3623e;
    border-radius: 40px;
    width: 35px;
    font-size: 1.5em;
    color: #fff
}

.constructor .listing .ring i.fa-check,.constructor .listing .ring-plus i.fa-check,.constructor .listing .ringOne i.fa-check {
    margin: -6000px;
    color: #fff;
    position: absolute;
    transform: scale(.8)
}

.constructor .listing .ring i.fa-trash,.constructor .listing .ring-plus i.fa-trash,.constructor .listing .ringOne i.fa-trash {
    margin-left: -3000px;
    padding: 6px 11px;
    height: 45px;
    height: 45px;
    background: #f4623e;
    visibility: hidden
}

.constructor .listing .ring.quadro:hover:not(.ringOne),.constructor .listing .ring-plus.quadro:hover:not(.ringOne),.constructor .listing .ringOne.quadro:hover:not(.ringOne) {
    border: 3px solid #f3623e !important;
    transform: scale(1.15);
    cursor: pointer
}

.constructor .listing .ring.quadro:hover:not(.ringOne) .pattern,.constructor .listing .ring-plus.quadro:hover:not(.ringOne) .pattern,.constructor .listing .ringOne.quadro:hover:not(.ringOne) .pattern {
    width: 96px;
    height: 63px;
    margin: 0;
    border: 1px solid rgba(92,96,72,0)
}

.constructor .listing .ring.quadro:hover:not(.ringOne) i.fa-trash,.constructor .listing .ring-plus.quadro:hover:not(.ringOne) i.fa-trash,.constructor .listing .ringOne.quadro:hover:not(.ringOne) i.fa-trash {
    margin-left: 80px;
    visibility: visible
}

.constructor .listing .ring:hover:not(.ringOne):not(.quadro),.constructor .listing .ring-plus:hover:not(.ringOne):not(.quadro),.constructor .listing .ringOne:hover:not(.ringOne):not(.quadro) {
    border: 1px solid #fff !important;
    transform: scale(1.15);
    cursor: pointer
}

.constructor .listing .ring:hover:not(.ringOne):not(.quadro) .pattern,.constructor .listing .ring-plus:hover:not(.ringOne):not(.quadro) .pattern,.constructor .listing .ringOne:hover:not(.ringOne):not(.quadro) .pattern {
    width: 70px;
    height: 70px;
    border: 4px solid #f3613e;
    margin-left: -9px;
    margin-top: -9px
}

.constructor .listing .ring:hover:not(.ringOne):not(.quadro) .text,.constructor .listing .ring-plus:hover:not(.ringOne):not(.quadro) .text,.constructor .listing .ringOne:hover:not(.ringOne):not(.quadro) .text {
    line-height: 2.5em;
    font-size: 2.1em
}

.constructor .listing .ring:hover:not(.ringOne):not(.quadro) i.fa-trash,.constructor .listing .ring-plus:hover:not(.ringOne):not(.quadro) i.fa-trash,.constructor .listing .ringOne:hover:not(.ringOne):not(.quadro) i.fa-trash {
    margin-left: 80px;
    visibility: visible
}

.constructor .listing .ring.active,.constructor .listing .ring-plus.active,.constructor .listing .ringOne.active {
    transform: scale(1.15);
    border: 2px solid #f4623e
}

.constructor .listing .ring.active:hover,.constructor .listing .ring-plus.active:hover,.constructor .listing .ringOne.active:hover {
    border: 2px solid #f4623e !important;
    cursor: default
}

.constructor .listing .ring.active .pattern,.constructor .listing .ring-plus.active .pattern,.constructor .listing .ringOne.active .pattern {
    width: 54px;
    height: 53px;
    margin: 0
}

.constructor .listing .ring.active i,.constructor .listing .ring-plus.active i,.constructor .listing .ringOne.active i {
    display: block;
    margin-left: 8px !important;
    margin-top: 8px !important
}

.constructor .listing .ring.active .text,.constructor .listing .ring-plus.active .text,.constructor .listing .ringOne.active .text {
    line-height: 2.5em;
    font-size: 2.1em
}

.constructor .listing .ring.active .text i,.constructor .listing .ring-plus.active .text i,.constructor .listing .ringOne.active .text i {
    margin-top: -52px;
    font-size: .7em
}

.constructor .listing .quadro {
    border-radius: 10px;
    height: 100px !important;
    width: 100px !important;
    margin: 9px !important;
    border: 2px solid rgba(255,255,255,0.4)
}

.elements[action=plate] .ring-plus span {
    top: -6px;
    left: 11px
}

.elements[action=plate] .ring.active .pattern,.elements[action=plate] .ring:hover .pattern,.elements[action=plate] .ring-plus.active .pattern,.elements[action=plate] .ring-plus:hover .pattern {
    width: 96px;
    height: 96px !important
}

.elements[action=plate] .ring .pattern {
    background-color: transparent !important
}

.constructor .form-control {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #fff;
    color: #000
}

.constructor .form-control:focus {
    border-color: #f1c88d;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0),0 0 8px rgba(203,177,116,0.322)
}

.constructor .control-label {
    color: #fff;
    font-family: Montserrat
}

.constructor_electro .controlpanel {
    margin-top: 15px
}

palitra_text:focus,text_opros:focus,btn_agree:focus,comment:focus,wedding_timetable:focus {
    border: 0;
    outline: 0
}

.sitecontrol .more .sub-title .ringOne {
    box-shadow: none !important;
    border: 2px solid #171929 !important;
    width: 50px !important;
    height: 50px !important;
    background: #eee
}

.sitecontrol .more .sub-title .ringOne .pattern {
    width: 50px !important;
    height: 63px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    height: 50px !important;
    background-color: transparent !important
}

.sitecontrol .more .sub-title span {
    top: 23px;
    position: relative;
    left: -23px;
    color: #bbb;
    font-family: Rotonda
}

.sitecontrol .more .alert-info .fa {
    float: left;
    width: 30px;
    font-size: 1.7em;
    margin-top: 4px;
    margin-left: -9px;
    color: #8b7a5f
}

.FC_select {
    background: rgba(0,255,250,0.29);
    border: 2px solid #0fe
}

.FC_active {
    border: 2px solid rgba(255,255,255,0.4) !important
}

.FC_active .FC_control {
    right: 0
}

.moveBox[visible=hidden] .FC_select {
    display: block !important;
    opacity: 35% !important
}

.FC_hidden {
    opacity: 60% !important;
    background: rgba(63,57,82,0.502) !important;
    box-shadow: none !important
}

.FC_hidden .FC_control {
    right: 0 !important
}

.FC_hidden .FC_control>*:not(.FC_hide) {
    display: none !important
}

.FC_hidden:hover .FC_control {
    right: 0 !important
}

.FC_hidden:hover .FC_control>*:not(.FC_hide) {
    display: none !important
}

.FC_control {
    display: flex;
    height: 32px;
    margin-top: 0;
    background: #f3613e;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    right: -125px;
    bottom: 0;
    align-content: space-around;
    transition: all .2s ease-out 0s
}

.FC_control div {
    width: 30px;
    height: 30px;
    display: flex;
    transition: all .2s ease-out 0s;
    justify-content: center;
    align-items: center
}

.FC_control .FC_edit:hover,.FC_control .FC_setting:hover,.FC_control .FC_del:hover,.FC_control .FC_hide:hover {
    color: #fff;
    transform: scale(1.2)
}

.constructor_electro #sheetcontrol .fonts {
    border-top: 0;
    margin-top: -5px
}

#sheetcontrol .fonts {
    border-top: 1px solid #181a29;
    padding: 15px 20px;
    margin: 20px -33px 20px -13px
}

#sheetcontrol .fonts .header {
    padding-left: 5px !important
}

#sheetcontrol .fontcontrol[type=element] .textLine {
    color: #fff !important;
    transform: scale(2.5) !important
}

#sheetcontrol .fontcontrol[type=group] .FC_del,#sheetcontrol .fontcontrol[type=element] .FC_del,#sheetcontrol .fontcontrol[type=group] .FC_hide,#sheetcontrol .fontcontrol[type=element] .FC_hide {
    display: none !important
}

#sheetcontrol .fontcontrol[type=img],#sheetcontrol .fontcontrol[type=QR],#sheetcontrol .fontcontrol[type=element] {
    height: 72px
}

#sheetcontrol .fontcontrol {
    margin: 3px 11px;
    height: 34px;
    position: relative;
    overflow: hidden;
    opacity: 100%;
    box-shadow: none;
    border: 2px solid #2e293e
}

#sheetcontrol .fontcontrol .text img {
    width: 80px;
    margin-top: -5px;
    transform: none !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 0 !important
}

#sheetcontrol .fontcontrol .text .backQR {
    margin-left: 22px;
    margin-top: -1px;
    width: 60px !important;
    height: 60px !important
}

#sheetcontrol .fontcontrol .text .frontQR {
    width: 60px;
    height: 60px
}

#sheetcontrol .fontcontrol .FC_control .FC_save {
    width: 0;
    visibility: hidden
}

#sheetcontrol .fontcontrol .FC_control .FC_save i {
    padding-right: 6px
}

#sheetcontrol .fontcontrol .FC_control .FC_edit {
    display: none
}

#sheetcontrol .fontcontrol[type=text]:not(.FC_hidden) .FC_control .FC_edit {
    display: flex !important
}

#sheetcontrol .fontcontrol .icon {
    width: 20px;
    height: 20px;
    display: flex;
    float: left;
    color: #ffc2b2;
    margin-left: 0;
    padding-right: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center
}

#sheetcontrol .fontcontrol:hover {
    border: 2px solid #f3623e !important;
    cursor: pointer
}

#sheetcontrol .fontcontrol:hover .FC_control {
    right: 0
}

.FC_editable {
    padding-bottom: 40px !important;
    height: auto !important
}

.FC_editable .FC_control {
    right: 0
}

.FC_editable .FC_save {
    visibility: visible !important;
    min-width: 100px !important;
    text-align: center;
    padding: 6px !important;
    background: #3f3952;
    color: #ffc2b2
}

.FC_editable .FC_edit,.FC_editable .FC_setting {
    width: 0 !important;
    visibility: hidden !important
}

.FC_editable .icon {
    display: none !important
}

.FC_editable .text {
    cursor: text;
    border: 0 solid rgba(0,0,0,0) !important
}

.FC_editable .text:focus {
    outline: 0 !important
}

.fontcontrol,.somecontrol {
    padding: 5px 10px 8px 10px;
    border-radius: 10px;
    opacity: 100%;
    background: rgba(98,104,133,0.251);
    border: 2px solid #3b3948;
    box-shadow: 0 0 7px 3px rgba(0,0,0,0.102)
}

.fontcontrol .bootstrap-select,.somecontrol .bootstrap-select {
    max-width: 100px !important
}

.fontcontrol .bootstrap-select.color button,.somecontrol .bootstrap-select.color button {
    padding-left: 3px !important
}

.fontcontrol .btn-group,.somecontrol .btn-group {
    margin-left: 4px !important;
    margin-top: 5px !important
}

.fontcontrol .toggle,.somecontrol .toggle {
    position: absolute;
    right: 35px;
    top: 4px
}

.fontcontrol div:not(.toggle):not(.dropdown-menu),.somecontrol div:not(.toggle):not(.dropdown-menu) {
    padding: 0
}

.fontcontrol .title,.somecontrol .title {
    padding: 5px 6px 10px 6px;
    color: rgba(255,255,255,0.451)
}

.fontcontrol .form-control,.somecontrol .form-control {
    margin-top: 5px
}

.fontcontrol .btn.btn-default,.somecontrol .btn.btn-default {
    background: #3f3952 !important;
    color: #fff !important;
    border: 1px solid #676570;
    border-radius: 10px;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}

.fontcontrol button,.somecontrol button {
    background: #3f3952 !important;
    color: #fff !important;
    border: 1px solid #676570;
    border-radius: 10px;
    height: 35px;
    min-width: 65px;
    font-family: 'Rotonda'
}

.fontcontrol button span,.somecontrol button span {
    font-family: Rotonda
}

.fontcontrol button:hover,.somecontrol button:hover {
    border-color: #ffc3b3
}

.fontcontrol button[aria-expanded=true],.somecontrol button[aria-expanded=true] {
    background: #bbb;
    color: #ccc
}

.fontcontrol .dropdown-menu,.somecontrol .dropdown-menu {
    background: #fff !important
}

.fontcontrol .moveControl .dropdown-menu,.somecontrol .moveControl .dropdown-menu {
    background: #efb7a9 !important;
    border-radius: 5px;
    opacity: 85%;
    padding: 5px 15px
}

.fontcontrol .close,.somecontrol .close {
    font-family: Montserrat;
    font-weight: 200;
    color: #fff !important;
    font-size: 2.6em;
    position: relative;
    right: -4px;
    top: -5px;
    transform: rotate(45deg);
    opacity: 100% !important;
    text-shadow: none !important
}

.fontcontrol .close:hover,.somecontrol .close:hover {
    transform: rotate(45deg) scale(1.2)
}

.fontcontrol .colorpreview,.somecontrol .colorpreview {
    background: #bbb;
    border: 1px solid rgba(0,0,0,0.271);
    height: 28px;
    width: 28px;
    border-radius: 14px;
    display: block
}

.fontcontrol textarea,.somecontrol textarea {
    font-size: 1.1em;
    margin-top: 12px !important
}

.colorGroup .btn-group {
    margin-top: 0 !important
}

.colorGroup .btn:nth-child(2) {
    margin-left: -3px !important
}

.bottomFontover {
    margin-top: 17px !important
}

.userUploading .status {
    color: #f3613e;
    padding: 12px;
    display: block
}

.userUploading .btn {
    background: #fff;
    border-radius: 40px;
    padding: 10px 20px;
    color: #000;
    margin: 6px
}

.userUploading .desc_upl {
    color: #fff;
    margin-left: 10px
}

.modes .mode:not(.active) {
    border: none !important
}

.modes .fa {
    margin-top: 2px !important
}

.fontover {
    position: absolute;
    z-index: 10;
    margin-top: -115px;
    transition: all .5s ease-out 0s
}

.fontover .someInput input {
    padding-right: 57px
}

.fontover .btnInput {
    color: #fff;
    border-radius: 200px;
    position: absolute;
    bottom: 11px;
    right: 10px;
    padding-top: 6px;
    padding-right: 5px;
    font-family: Montserrat;
    box-shadow: 1px 0 3px 0 #302e3e;
    background-color: #d97d6b;
    padding: 10px 14px !important;
    border-color: #d97d6b !important
}

.fontover .fontcontrol,.fontover .somecontrol {
    width: 360px !important;
    z-index: 11;
    padding: 4px 8px 8px 4px;
    border-color: rgba(0,0,0,0) !important;
    background: rgba(46,41,62,0.749) !important;
    opacity: 95%
}

.fontover button {
    min-width: auto;
    font-size: 10pt
}

.fontover .bootstrap-select>.dropdown-toggle {
    padding-right: 18px
}

.fontover .move .dropdown-menu {
    background: rgba(255,224,180,0.69)
}

.fontover .move .dropdown-menu .btn-default {
    color: #e2d4b3;
    background-color: #2f2d3e;
    border-color: #161829;
    border-radius: 15px;
    width: 50px;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important
}

.fontover .fa-trash {
    color: #f4623e
}

.somecontrol button {
    height: 35px
}

.customcontrol .customElements {
    margin-top: 5px
}

.customcontrol .customElements .descText {
    padding: 10px;
    display: block;
    color: #e2d4b3
}

.customcontrol .customElements .btn {
    margin-left: 5px
}

.endEditGroup {
    position: absolute;
    margin-top: -53px;
    z-index: 10;
    right: 4px;
    font-size: .8em
}

.hoverborder .repeatLine .repeatControl {
    width: 0
}

.hoverborder .repeatLine:hover .repeatControl {
    width: 26px
}

.repeatControl {
    width: 0;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    transform: scale(1.2);
    transition: all .2s ease-out 0s;
    overflow: hidden;
    left: -2px;
    background: #000;
    color: #fff
}

.repeatControl .fa.delOpros,.repeatControl .fa.delEvent {
    color: #d87c6b !important
}

.repeatControl .fa {
    font-size: 1em;
    padding: 5px 10px;
    margin-left: -5px;
    clear: both
}

.repeatLine:last-child .downHTML {
    display: none
}

.repeatLine:nth-child(2) .upHTML {
    display: none
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rotate-0 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rotate-135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.rotate-225 {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.rotate-315 {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.fontscale .btn {
    background: #302d3e !important;
    color: #e2d4b3 !important;
    border: 1px solid #171929 !important;
    border-radius: 5px;
    padding: 6px;
    min-width: 35px
}

.fontscale .btn i {
    font-size: .8em
}

.fontscale .btn i:first-child {
    margin-right: 5px
}

.move .menu-direction,.moveplate .menu-direction,.sizeplate .menu-direction {
    width: 182px;
    margin: auto
}

.move .dropdown-menu,.moveplate .dropdown-menu,.sizeplate .dropdown-menu,.move .menu-direction,.moveplate .menu-direction,.sizeplate .menu-direction {
    padding: 15px;
    border-radius: 20px
}

.move .dropdown-menu .row,.moveplate .dropdown-menu .row,.sizeplate .dropdown-menu .row,.move .menu-direction .row,.moveplate .menu-direction .row,.sizeplate .menu-direction .row {
    margin: auto
}

.move .dropdown-menu div,.moveplate .dropdown-menu div,.sizeplate .dropdown-menu div,.move .menu-direction div,.moveplate .menu-direction div,.sizeplate .menu-direction div {
    text-align: center
}

.move .dropdown-menu .btn,.moveplate .dropdown-menu .btn,.sizeplate .dropdown-menu .btn,.move .menu-direction .btn,.moveplate .menu-direction .btn,.sizeplate .menu-direction .btn {
    font-size: 2em;
    display: block;
    padding: 0;
    margin: auto;
    width: 40px;
    height: 40px
}

.move .dropdown-menu [action=left],.moveplate .dropdown-menu [action=left],.sizeplate .dropdown-menu [action=left],.move .menu-direction [action=left],.moveplate .menu-direction [action=left],.sizeplate .menu-direction [action=left] {
    float: left
}

.move .dropdown-menu [action=right],.moveplate .dropdown-menu [action=right],.sizeplate .dropdown-menu [action=right],.move .menu-direction [action=right],.moveplate .menu-direction [action=right],.sizeplate .menu-direction [action=right] {
    float: right
}

.move .dropdown-menu [action=up],.moveplate .dropdown-menu [action=up],.sizeplate .dropdown-menu [action=up],.move .menu-direction [action=up],.moveplate .menu-direction [action=up],.sizeplate .menu-direction [action=up],.move .dropdown-menu [action=down],.moveplate .dropdown-menu [action=down],.sizeplate .dropdown-menu [action=down],.move .menu-direction [action=down],.moveplate .menu-direction [action=down],.sizeplate .menu-direction [action=down] {
    margin: auto;
    clear: both
}

.move .dropdown-menu [action=reset],.moveplate .dropdown-menu [action=reset],.sizeplate .dropdown-menu [action=reset],.move .menu-direction [action=reset],.moveplate .menu-direction [action=reset],.sizeplate .menu-direction [action=reset] {
    width: 30px !important;
    height: 30px;
    float: left;
    margin: 4px 0 0 2px;
    background: rgba(176,156,134,0.459)
}

.move .dropdown-menu [action=reset] i,.moveplate .dropdown-menu [action=reset] i,.sizeplate .dropdown-menu [action=reset] i,.move .menu-direction [action=reset] i,.moveplate .menu-direction [action=reset] i,.sizeplate .menu-direction [action=reset] i {
    margin-top: -1px;
    margin-left: 2px;
    display: block;
    color: #b09c86
}

.move .btn-default,.moveplate .btn-default,.sizeplate .btn-default {
    color: #14162a;
    background-color: #888
}

#myModal.saveOneGuest .addGuestOne,#myModal.saveOneGuest .switchInv,#myModal.saveOneGuest .dearData {
    display: none
}

#myModal.saveOneGuest .forElectro {
    display: block !important
}

#myModal .guestCard,#myModal .forBanketModal {
    display: none
}

#myModal .forInvModal {
    display: block
}

#myModal.banketModal .switchInv .switchElectro,#myModal.banketModal .switchInv .switchPaper,#myModal.banketModal .dearData {
    display: none
}

#myModal.banketModal .guestCard {
    display: inline
}

#myModal.banketModal .addGuestOne {
    display: none
}

#myModal.banketModal .forBanketModal {
    display: block
}

#myModal.banketModal .forInvModal {
    display: none
}

.plan2block div {
    float: left;
    width: 50%;
    margin-left: -5%
}

.plan2block div:last-child {
    float: right;
    width: 50%;
    margin-right: -5%
}

#myModalTable .modal-dialog {
    width: 100%;
    max-width: 800px
}

#myModalTable .modal-dialog textarea {
    padding: 6px 20px
}

#myModalTable #Block2 {
    margin-top: 10px
}

#myModalTable .add2Block,#myModalTable .hide2Block {
    padding: 6px 24px;
    margin-top: 5px;
    display: block;
    color: #777;
    float: left
}

#myModalTable .add2Block .fa,#myModalTable .hide2Block .fa {
    margin-right: 10px;
    font-size: 1.2em;
    color: #6fadea
}

#myModalTable label {
    color: #000
}

#myModalTable .allGuests {
    float: left
}

#myModal .modal-dialog {
    width: 100%;
    max-width: 800px
}

#myModal .switchInv {
    margin-left: 13px
}

#myModal .toggle {
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    cursor: pointer;
    width: 65px !important;
    height: 33px;
    border-radius: 30px;
    padding: 5px 16px;
    background: #d3d3d3;
    border: 0 solid #000
}

#myModal .toggle .fa-circle {
    color: #f3623e;
    margin: -7px 0 0 -16px;
    font-size: 37px !important
}

#myModal .toggle .fa-mobile,#myModal .toggle .fa-sticky-note {
    color: #fff;
    font-size: 29px !important;
    margin: -3px 0 0 -21px
}

#myModal .toggle .fa-sticky-note {
    font-size: 18px !important;
    margin: 3px 0 0 -23px
}

#myModal .toggle.active {
    background: #f3623e;
    color: #f3623e
}

#myModal .toggle.active .fa-stack {
    margin: 0 32px
}

#myModal .toggle.active .fa-circle {
    box-shadow: -3px 0 10px rgba(0,0,0,0.341);
    display: block !important
}

#myModal .guestOne {
    padding: 5px 0;
    margin-left: 10px;
    position: relative
}

#myModal .guestOne .invTitle {
    display: none;
    margin: 6px 10px 5px 10px;
    display: block;
    font-family: 'Montserrat';
    font-weight: 800
}

#myModal .guestOne span.close {
    float: left;
    cursor: pointer;
    display: block;
    position: absolute;
    left: -6px;
    top: 1px;
    font-size: 2.2em;
    font-family: Montserrat;
    font-weight: 200;
    color: #111;
    transform: rotate(45deg);
    display: block
}

#myModal .guestOne span.close:hover {
    transform: rotate(45deg) scale(1.1);
    text-decoration: none
}

#myModal .guestOne:first-child .invTitle {
    display: block
}

#myModal .guestOne:first-child span.close {
    display: none !important
}

#myModal .addGuestOne {
    padding: 4px 14px 4px 8px;
    margin-top: 14px;
    display: block;
    color: #000;
    margin-left: 34px;
    font-family: 'Montserrat';
    border-radius: 27px;
    background: #fee9e3;
    font-weight: 600;
    float: left
}

#myModal .addGuestOne .fa {
    margin-right: 10px;
    margin-top: 3px;
    font-size: 1.3em;
    position: relative;
    color: #000
}

#myModal .addGuestOne:hover {
    transform: scale(1.05);
    text-decoration: none
}

#myModal .dearData {
    margin: 10px 20px 5px 20px;
    visibility: hidden
}

#myModal .dearData label {
    text-align: right;
    margin-top: 12px
}

#myModal .dearData textarea[name=Title] {
    text-align: center;
    border: 1px solid #ebecf1;
    padding: 10px 0
}

.moveplate,.sizeplate {
    width: 50%;
    float: left;
    height: 165px
}

.moveplate .menu-direction,.sizeplate .menu-direction {
    border: 4px solid rgba(0,0,0,0)
}

.moveplate .btn,.sizeplate .btn {
    color: #14162a;
    border-radius: 200px;
    width: 55px !important;
    background-color: #ffc2b2;
    border-color: rgba(0,0,0,0) !important
}

.tabs {
    margin: auto;
    background-image: url("../img/constructor_fade_out.png");
    background-size: 2px;
    background-repeat: repeat-x;
    background-position: top;
    background-color: none;
    position: fixed;
    top: 70px;
    height: 70px;
    padding: 20px 0 15px 0;
    z-index: 9
}

.tabs .btn .fa {
    margin-top: 4px
}

.tabs .helpGuide .fa {
    transform: scale(1.3)
}

.tabs .langMaket {
    background: #fff;
    padding: 10px;
    border-radius: 0
}

.tabs .langMaket a {
    padding: 3px 8px;
    display: block;
    font-size: 10pt;
    border-radius: 0;
    color: #1e1f28
}

.tabs .langMaket a:hover {
    color: #d87c6b;
    background: rgba(255,190,173,0.341);
    text-decoration: none
}

.tabs .langMaket a.selected {
    background: #ffbead
}

.tabs .langMaketBtn .fa {
    font-size: 19px
}

.tabs .transBtnBox {
    border-radius: 20px;
    border: 1px solid #8c8d94;
    float: left;
    margin: 0 5px
}

.tabs .transBtnBox .transBtn {
    width: 45px;
    background: rgba(0,0,0,0) !important;
    margin: 0 !important
}

.tabs .transBtnBox .transBtn:hover {
    background: #2e3042 !important
}

.tabs .transBtnBox .transBtn[type=tablet] {
    padding: 7px
}

.tabs .transBtnBox .transBtn.active {
    background: #ffc2b2 !important;
    border: 1px solid #ffc2b2 !important
}

.tabs .transBtnBox .transBtn.active i.fa {
    color: #000
}

.tabs .transBtnBox .transBtn i.fa {
    font-size: 22px
}

.tabs .transBtn {
    background: transparent;
    border: 0 solid rgba(167,139,130,0.212);
    color: rgba(255,255,255,0.502);
    width: 40px;
    padding: 7px 15px;
    border-radius: 100px;
    height: 40px;
    margin: 0 5px;
    display: flex;
    float: left;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap
}

.tabs .transBtn:hover {
    background: #2e3042
}

.tabs .elpreview .fa-stack {
    font-size: 11px;
    margin-top: -4px
}

.greenSave {
    background: #00ac46 !important
}

.addQR {
    background: linear-gradient(50deg,#00c9ff 0%,#92fe9d 100%) !important
}

.header_cabinet .user {
    display: flex;
    align-items: center
}

.header_cabinet .user .btns {
    font-size: .8em !important;
    margin-right: 20px;
    display: none
}

.header_cabinet .user .btns .btn {
    max-height: 5.5vh !important;
    font-size: 1em !important
}

.header_cabinet .user .btns img {
    width: 28px;
    margin-right: 3px
}

.header_cabinet .user .btns .getProduct {
    color: #000;
    border-radius: 10px;
    margin-right: 15px;
    font-weight: 800
}

.header_cabinet .user .btns .getProduct:hover {
    background: #fff
}

.header_cabinet .user .btns .getProduct[type=Electro] {
    border-radius: 30px;
    background: #efefef
}

.header_cabinet .user .dropdown-menu li .getProduct {
    border: 0 solid #fe8f77;
    color: #000;
    margin-right: 15px;
    font-size: 1.1em;
    font-family: 'Montserrat';
    font-weight: 500;
    padding: 10px
}

.header_cabinet .user .dropdown-menu li .getProduct:hover {
    background: #ffc2b2
}

[path="constructor/electro"] .electroHeader {
    display: flex !important
}

[path="constructor/paper"] .paperHeader {
    display: flex !important
}

.saveBtn {
    transition: all 1s ease-out 0s;
    animation: shake 20s infinite ease-in-out 10s
}

.saveBtn .fa-check-circle {
    color: #fff
}

.saveBtn:hover {
    background-size: 250% !important
}

.saveBtn .growUpSave {
    animation: growUpSave 2s 1 ease-in-out
}

.saveBtn .btn-group {
    width: 360px;
    left: 50%;
    margin-left: -180px
}

.saveBtn .btn-group i.fa {
    font-size: 17px;
    margin-left: -10px;
    padding-right: 10px
}

@-moz-keyframes shake {
    from {
        transform: scale(1)
    }

    2% {
        transform: scale(1.05);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    4% {
        transform: scale(.95);
        box-shadow: 1px 1px 10px 7px #754840
    }

    6% {
        transform: scale(1.075);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes shake {
    from {
        transform: scale(1)
    }

    2% {
        transform: scale(1.05);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    4% {
        transform: scale(.95);
        box-shadow: 1px 1px 10px 7px #754840
    }

    6% {
        transform: scale(1.075);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    to {
        transform: scale(1)
    }
}

@-o-keyframes shake {
    from {
        transform: scale(1)
    }

    2% {
        transform: scale(1.05);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    4% {
        transform: scale(.95);
        box-shadow: 1px 1px 10px 7px #754840
    }

    6% {
        transform: scale(1.075);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    to {
        transform: scale(1)
    }
}

@keyframes shake {
    from {
        transform: scale(1)
    }

    2% {
        transform: scale(1.05);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    4% {
        transform: scale(.95);
        box-shadow: 1px 1px 10px 7px #754840
    }

    6% {
        transform: scale(1.075);
        box-shadow: 0 0 0 0 rgba(117,72,64,0.502)
    }

    to {
        transform: scale(1)
    }
}

@-moz-keyframes growUpSave {
    from {
        transform: scale(1);
        opacity: 1
    }

    70% {
        opacity: .9
    }

    to {
        transform: scale(4.3);
        color: #00ac46;
        opacity: 0
    }
}

@-webkit-keyframes growUpSave {
    from {
        transform: scale(1);
        opacity: 1
    }

    70% {
        opacity: .9
    }

    to {
        transform: scale(4.3);
        color: #00ac46;
        opacity: 0
    }
}

@-o-keyframes growUpSave {
    from {
        transform: scale(1);
        opacity: 1
    }

    70% {
        opacity: .9
    }

    to {
        transform: scale(4.3);
        color: #00ac46;
        opacity: 0
    }
}

@keyframes growUpSave {
    from {
        transform: scale(1);
        opacity: 1
    }

    70% {
        opacity: .9
    }

    to {
        transform: scale(4.3);
        color: #00ac46;
        opacity: 0
    }
}

.rightTabblock {
    float: right;
    margin-right: 20px
}

.rightTabblock .btn {
    transition: all .5s ease-out 0s
}

.rightTabblock .btn:hover {
    transform: scale(1.15)
}

.rightTabblock .saveBtn {
    position: relative;
    right: 0;
    top: 0
}

.contenttab {
    margin-top: 33px
}

.contenttab .form-horizontal {
    margin: 30px 0
}

li.RSM_box {
    display: flex;
    justify-content: space-evenly
}

.razdelSexMenu {
    border-radius: 15px;
    background: #dde0ec;
    padding: 4px;
    float: inherit !important;
    right: inherit !important
}

.selectGroup {
    width: 100%;
    right: 0 !important;
    border-radius: 15px !important;
    padding: 5px 7px !important;
    background: rgba(221,224,236,0.722);
    padding: 6px;
    left: -10px;
    float: inherit !important;
    margin-bottom: 20px
}

.selectGroup a {
    font-family: Rotonda;
    font-size: .8em;
    font-weight: 400;
    color: #000 !important;
    margin: 5px;
    border: 3px solid #efefef !important;
    background: #fff !important;
    border-radius: 40px !important;
    box-shadow: 0 0 4px 0 rgba(88,88,88,0.322)
}

.selectGroup a.selected {
    border: 3px solid #ffe0b4 !important;
    background: #fff2df !important
}

.razdelSaleModal {
    width: 756px;
    border-radius: 15px;
    background: #edf2fd;
    padding: 4px;
    left: 50%;
    float: inherit !important;
    margin-left: -378px;
    margin-top: 20px
}

.razdelSaleModal a {
    font-family: Rotonda;
    font-weight: 400;
    font-size: 1em
}

#modalSaleTable .razdelSaleModal {
    width: 366px;
    left: 50%;
    float: inherit !important;
    margin-left: -183px;
    margin-top: 20px
}

#modalSaleTable .razdelSaleModal a {
    font-family: Rotonda
}

@media (max-width: 1200px) {
    .phoneview #menu {
        animation:none
    }

    .move .menu-direction,.moveplate .menu-direction,.sizeplate .menu-direction {
        width: 134px;
        height: 138px;
        padding: 10px
    }

    .moveplate .btn,.sizeplate .btn {
        width: 42px !important
    }

    .moveplate .btn[action=reset],.sizeplate .btn[action=reset] {
        display: none
    }
}

@media (min-width: 800px) {
    #modalSale .modal-dialog,#modalUserdata .modal-dialog,#modalSaleTable .modal-dialog {
        width:80% !important
    }
}

.modal-dialog {
    top: 50px
}

.noaction_color {
    color: #979797;
    border-color: #979797
}

.noaction_color:hover {
    color: #979797;
    border-color: #979797;
    background-color: none
}

.slider {
    height: 300px;
    top: 0
}

.slider .slide {
    cursor: pointer;
    border-radius: 20px;
    border: 5px solid #fff;
    padding: 5px;
    margin: 0 5px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    height: 308px;
    overflow: hidden;
    transition: all .5s ease-out 0s
}

.slider .slide:hover {
    border: 5px solid #fde4c1;
    padding: 0;
    transform: scale(1.05);
    cursor: pointer
}

.slider .slide:hover .dbelement {
    padding: 26px
}

.slider .slide:hover .about {
    color: #333 !important;
    padding-top: 15px
}

.slider .slide:hover .middle_content {
    top: 50%;
    position: relative;
    margin-top: -14px
}

.slider .slide:hover .middle_content .btn-call2action {
    transform: scale(.77)
}

.slider .slide:hover .badge {
    background: #fc7eb6 !important
}

.slider .slide.active {
    border: 5px solid #00ac46;
    padding: 0
}

.slider .slide.active i {
    color: #00ac46;
    margin: 0;
    top: 17px
}

.slider .slide.active .about {
    margin-left: 0;
    margin-top: -5px
}

.slider .slide i {
    margin: -6000px;
    width: 10px;
    position: absolute;
    right: 30px;
    font-size: 1.7em;
    top: 24px
}

.slider .slide .middle_content {
    margin-top: -200px
}

.slider .slide .middle_content .btn {
    background: rgba(255,255,255,0.831)
}

.slider .slide .about {
    position: absolute;
    margin-top: -15px;
    background: rgba(255,255,255,0.95);
    font-family: Rotonda;
    color: #6c7c8e !important;
    margin-left: -5px;
    font-size: 1.2em;
    padding: 13px 10px;
    width: 100%
}

.slider .slide .about strong {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 13px
}

.slider .slide .about .text {
    font-size: .8em;
    margin-bottom: 7px;
    font-weight: normal
}

.slider .slide .about .badge {
    background-color: rgba(96,123,156,0.58);
    padding: 5px 7px 3px 7px !important;
    margin-left: 10px
}

.slider .slide .about b {
    font-weight: normal !important
}

.addSMS {
    cursor: pointer
}

.userStat {
    margin: 20px auto 30px auto;
    font-size: 9.5pt;
    line-height: 18pt;
    color: #000;
    font-family: Montserrat;
    max-width: 300px
}

.userStat b {
    float: right
}

.userStat .val {
    display: inline
}

.userStat .oneStat .fa {
    margin: 2px 6px 0 0;
    color: #f3613e
}

.userStat .oneStat .addSMS {
    margin-right: 0 !important;
    transform: scale(1.1);
    margin-left: 4px
}

.userStat .oneStat .btn {
    float: right;
    font-size: 12px;
    margin-right: -12px;
    padding: 4px 10px 4px;
    background: #fe8f77;
    border-radius: 20px;
    color: #fff
}

.stylechoose .slide {
    max-width: 320px;
    margin: auto;
    box-shadow: 0 2px 4px 0 rgba(88,88,88,0.322);
    margin-bottom: 50px;
    background-color: #fff
}

.stylechoose .col-xs-4 {
    margin-bottom: 40px
}

.stylechoose .dbelement {
    margin: -21px 0 20px -21px
}

.closeModal {
    font-size: 15pt;
    color: #444;
    margin: 7px 20px 0 0;
    cursor: pointer
}

i.check {
    display: block;
    padding: 8px;
    margin: 22px;
    height: 35px;
    background: rgba(92,92,92,0.8);
    border-radius: 40px;
    width: 35px;
    font-size: 1.5em;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5),-1px -2px 2px rgba(0,0,0,0.5)
}

.onlyRead,.Example {
    display: none !important
}

.dazzle {
    width: 100%;
    background-image: url("../img/nopay.png");
    position: absolute;
    z-index: 111;
    opacity: .3
}

.bottomPaperFade {
    width: 100%;
    top: 100%;
    height: 100%;
    background: rgba(23,25,41,0.729);
    position: absolute;
    z-index: 11
}

.lds-heart {
    top: 30px;
    left: -2px;
    margin-top: -44px;
    position: relative;
    display: inline-block;
    opacity: 0;
    width: 64px;
    height: 64px;
    transform-origin: 32px 32px;
    animation: appearHeart .5s 1 cubic-bezier(.215,.61,.355,1) 2s forwards
}

.lds-heart div {
    position: absolute;
    background-image: url("/src/img/logo_new.png");
    opacity: 1;
    background-size: cover;
    background-position: 0 0;
    width: 60px;
    height: 56px;
    animation: hearting 2s infinite cubic-bezier(.215,.61,.355,1) 3s
}

.lds-heart .shadow {
    opacity: 0;
    animation: hearting 2s infinite cubic-bezier(.215,.61,.355,1) 4s,shadow 2s infinite cubic-bezier(.215,.61,.355,1) 4s
}

.loadtext a span {
    text-decoration: none;
    padding-left: 10px;
    background: linear-gradient(90deg,#fff 5%,#fff 35%,#fff 100%) repeat-x 0 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textRainbow 1s infinite cubic-bezier(.215,.61,.355,1) 1s
}

.toguest button {
    background: #fff
}

.toguest .who {
    line-height: 26pt;
    padding-left: 10px;
    float: left !important
}

.toguest .which {
    float: left !important
}

.toguest .typeInvSelect {
    float: left !important
}

.toguest .btn {
    font-family: Rotonda;
    float: right
}

.guestAgreement-mobile {
    width: 100%;
    margin: 0;
    left: 0
}

.elementIcon {
    float: left;
    font-size: 1.5em;
    color: #c2c2c3;
    margin: 0 10px 2px 20px
}

.elementIcon .fa {
    font-size: 18pt;
    margin-top: 7px;
    margin-left: -10px
}

.elementInputText {
    color: #aca38e;
    padding: 10px
}

@media (max-width: 400px) {
    .guestAgreement {
        width:100%;
        margin: 0;
        left: 0
    }

    .guestAgreement .col-xs-8 {
        font-size: .9em !important
    }
}

.texttoggle {
    color: #bbb;
    cursor: pointer;
    font-family: Rotonda;
    text-decoration: none !important
}

.texttoggle:hover {
    color: #eee !important
}

.disclamer {
    margin: 20px 80px 20px 20px;
    padding: 10px;
    color: #9799a2
}

.disclamer .icon {
    margin: 11px 10px 10px 25px;
    padding: 10px;
    float: left
}

.disclamer .icon .fa {
    font-size: 1.5em
}

.addComment {
    text-align: center;
    padding: 5px 0 15px 0;
    display: block
}

.commentYes {
    padding: 20px;
    background: rgba(255,255,255,0.851);
    box-shadow: 0 2px 13px 1px rgba(0,0,0,0.27);
    border-radius: 20px;
    margin-bottom: 15px;
    position: relative
}

.commentYes .time {
    font-size: 9pt;
    padding: 8px 30px 0 0;
    text-align: right;
    float: right
}

.commentYes .fa-edit,.commentYes .fa-quote-left {
    float: left;
    display: block;
    padding: 10px;
    border-radius: 20px;
    background: #fff
}

.commentYes .editComment {
    position: absolute;
    right: 12px
}

.commentYes .fa-edit {
    background: rgba(56,185,224,0.431)
}

.commentYes .commentFromGuest {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    clear: both;
    border-left: 3px solid #fff
}

.commentYes .commentFromGuest span {
    display: block;
    font-style: italic
}

.commentYes .commentFromGuest .andGift {
    display: block;
    font-weight: bold;
    border-radius: 20px;
    background: #fff;
    float: left;
    padding: 3px 10px 3px 0;
    margin-top: 5px
}

.commentYes .commentFromGuest .andGift i.fa {
    float: left;
    padding: 3px 7px 3px 12px
}

.commentYes .commentFromGuest .andGift div {
    float: left
}

.commentYes .author {
    float: right;
    margin-top: 10px;
    font-family: Adlery;
    font-size: 13pt
}

.commentBox {
    padding: 20px;
    background: rgba(255,255,255,0.851);
    box-shadow: 0 2px 13px 1px rgba(0,0,0,0.1);
    border: 1px solid #ceced1;
    border-radius: 20px;
    margin-bottom: 15px
}

.commentBox textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px
}

.commentBox textarea::-webkit-input-placeholder {
    color: #bdbdbd
}

.commentBox textarea:-moz-placeholder {
    color: #bdbdbd
}

.commentBox textarea::-moz-placeholder {
    color: #bdbdbd
}

.commentBox textarea:-ms-input-placeholder {
    color: #bdbdbd
}

.commentBox textarea::placeholder {
    color: #bdbdbd
}

.commentBox .withMoney {
    float: right;
    margin: 0;
    padding-top: 4px;
    height: 30px;
    width: 150px
}

.commentBox .withMoney span {
    font-weight: normal;
    font-size: 9pt;
    padding: 5px;
    margin-top: -3px;
    float: right
}

.commentBox .withMoney input {
    font-size: 12pt;
    float: right
}

.commentBox .moneyGift {
    float: right !important
}

.commentBox .moneyBox {
    position: relative;
    float: right
}

.commentBox .moneyBox .dropdown-backdrop {
    display: none
}

.commentBox .moneyBox .moneyList {
    background: #f7f7f7;
    padding: 10px
}

.commentBox .moneyBox .moneyList a.oneMoney {
    padding: 3px 8px;
    display: block;
    font-size: 10pt;
    border-radius: 10px;
    color: #1e1f28
}

.commentBox .moneyBox .moneyList a.oneMoney:hover {
    background: rgba(181,227,243,0.459);
    text-decoration: none
}

.commentBox .moneyBox .moneyList a.oneMoney.active {
    background: rgba(224,224,224,0.871)
}

.commentBox .moneyBox .selectedMoney .fa {
    color: #ea68a2;
    margin-right: 3px
}

.commentBox .moneyBox .selectedMoney a {
    padding: 5px 15px;
    display: block;
    cursor: pointer;
    font-size: 10p;
    background: rgba(243,243,243,0.871);
    border-radius: 20px
}

.commentBox .moneyBox .selectedMoney a:hover {
    text-decoration: none;
    color: #000
}

.commentBox .sendComment {
    background: rgba(56,185,224,0.431);
    padding: 10px 25px;
    border-radius: 25px;
    display: flex;
    float: right;
    width: 140px;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.commentBox .sendComment .fa-send {
    margin-left: -5px;
    padding-right: 5px
}

.commentBox .cancelComment {
    color: #7f7f7f
}

.iAgree {
    padding: 30px 20px 20px 20px;
    border-radius: 7px
}

#loadingscreen {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 12;
    background: rgba(78,78,113,0.58)
}

.loadingName {
    display: inline
}

.loadtext {
    background: rgba(41,41,66,0.79);
    padding: 0 12px 0 16px;
    top: 50%;
    color: #fff;
    overflow: hidden;
    font-family: Montserrat;
    position: relative;
    margin-top: -32px;
    height: 0;
    animation: openConstructorLoading 1s 1 cubic-bezier(.215,.61,.355,1) 1s forwards
}

.loadtext a {
    color: #fff;
    text-decoration: none;
    padding-left: 10px
}

.loadtext .underline {
    text-decoration: underline
}

.loadtext .btn {
    padding: 10px 20px;
    margin-left: 15px;
    margin-top: -10px;
    color: #000;
    border-radius: 50px;
    background: #ffc2b2
}

.slider-opacity-title {
    color: #c8c9cf;
    margin-top: -2px;
    margin-bottom: 15px;
    margin-left: -10px;
    margin-right: 20px;
    font-size: .9em
}

.sub-title {
    color: rgba(185,178,161,0.541);
    font-size: .95em;
    text-align: right
}

.sub-title:hover {
    color: #ccc;
    text-decoration: underline
}

.sub-title i {
    padding-right: 5px !important
}

.btn-success {
    border: 2px solid rgba(0,0,0,0.059) !important
}

.btn-toast {
    font-family: 'Montserrat' !important;
    border-radius: 30px;
    color: #111 !important;
    padding: 6px 15px;
    margin-top: 10px;
    background: #fff !important
}

.canvas #mymain .textBox[textplace=front_text] .fontcontrol {
    margin-left: 22%
}

.canvas #timetable .textBox[textplace=timetable_texts] .btn-group.move {
    display: none
}

.electro_mobile .canvas .fontcontrol,.electro_mobile .canvas .somecontrol {
    transform: scale(.85)
}

.electro_mobile .fontcontrol {
    margin-left: -18%
}

.electro_mobile .commentBox {
    margin: 0 -30px
}

.electro_mobile .addElement:hover {
    width: 45px !important
}

.electro_mobile iframe {
    width: 100% !important
}

.electro_mobile .phoneview {
    max-width: 350px !important;
    padding-left: 6px !important
}

.electro_mobile .phoneview .screen {
    width: 330px !important
}

.electro_mobile .phoneview .screen .mymenu {
    width: 324px !important
}

.electro_mobile .phoneview .screen .mynav:not(.menuNav) {
    display: none !important
}

.electro_mobile .phoneview .screen .opros .col-xs-9 {
    width: 100%
}

.electro_mobile .front_text {
    width: inherit
}

.electro_mobile .element_countdown {
    width: 320px !important
}

.electro_mobile .countdown:not(.wedyet) span:last-child {
    display: none !important
}

.electro_mobile .wedyet {
    width: auto
}

.electro_mobile .wednow {
    font-size: 16pt !important;
    width: auto
}

.electro_mobile .tabs {
    background: #171929
}

.electro_mobile .tabs h1 {
    color: #c8c8cc;
    font-size: 18px;
    padding-left: 15px;
    margin-top: 20px;
    font-family: Rotonda
}

.electro_mobile .tabs h1 .fa {
    font-size: 24px;
    padding: 0 10px;
    position: relative;
    top: 1px
}

.electro_mobile .bigPalitra {
    margin-left: -42px !important;
    padding: 0 !important
}

.electro_mobile .contenttab .maketcontrol:last-child {
    display: none !important
}

.electro_mobile .element8 {
    width: 100%
}

#opros:hover .addsBoxInside {
    top: 0 !important
}

#palitra,#agree {
    clear: both
}

#opros {
    border-radius: 20px;
    padding: 20px 20px 50px 20px;
    max-width: 600px;
    margin-top: -6px;
    margin: auto;
    position: relative
}

#opros .corner_content {
    position: relative;
    margin: auto;
    width: 30px
}

#opros .corner_content .corner {
    position: absolute;
    margin: auto;
    top: -57px;
    border: 15px solid transparent;
    border-bottom: 20px solid rgba(76,78,88,0.82);
    border-bottom-color: rgba(76,78,88,0.82);
    width: 28px
}

#opros .alert-warning {
    color: #000;
    padding: 15px;
    font-size: 1em;
    line-height: 1.7em
}

#opros #weddingOpros {
    max-width: 600px;
    margin: auto;
    font-size: 1.1em
}

#opros #weddingOpros .opros {
    margin-top: 15px
}

#opros #weddingOpros [name=type] {
    display: none
}

#opros #weddingOpros [name=variants] {
    color: #fff;
    font-size: 11.1339pt;
    font-family: NeueRoman
}

#opros #weddingOpros [name=variants] i.fa {
    font-size: 1.4em
}

#opros #weddingOpros [name=question] {
    font-size: 12.8468pt;
    font-family: NeueBold;
    color: #fff
}

#opros #weddingOpros .form-check-label {
    margin: 10px 20px;
    clear: both;
    display: block
}

#opros #weddingOpros .form-check-label i {
    margin-right: 10px
}

#opros #weddingOpros .form-check-label:hover {
    opacity: .7;
    cursor: pointer
}

#opros #weddingOpros .form-check-label .disabled {
    opacity: .3
}

#opros #weddingOpros .form-check-input {
    display: none
}

#opros #weddingOpros .point {
    display: inline;
    left: 14px;
    min-width: 25px;
    position: absolute;
    background: #de2b87;
    padding: 2px 8px 1px 8px;
    border-radius: 20px;
    margin-left: 4px;
    color: #fff
}

#opros #weddingOpros .grey {
    background: #9e9e9e !important;
    color: #fff
}

#opros #weddingOpros .per {
    display: inline;
    margin: 7px;
    font-size: .9em;
    border-radius: 20px;
    background: rgba(243,207,156,0.71);
    padding: 7px 8px;
    color: #000
}

.moveBox {
    position: relative;
    margin: auto;
    height: 10%;
    transition: all .5s ease-out 0s
}

.fullBox {
    height: auto
}

.subTextLine {
    border: 2px solid rgba(255,255,255,0)
}

.textLine:not(.subTextLine) {
    margin: auto
}

.textLine:not(.subTextLine):focus {
    outline: 0
}

#screen .textLine {
    left: 0% !important;
    right: 0% !important
}

@media (max-width: 400px) {
    #opros .alert-warning {
        font-size:.9em !important
    }
}

.envelope_canvas_back {
    background-image: url("/src/img/envelope_open.png")
}

.envelope_template {
    background-image: url("/src/img/envelope_template.png");
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    top: 0%
}

.envelope_cutting {
    background-image: url("/src/img/envelope.png");
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    top: 0%
}

.corner_box {
    overflow: hidden;
    top: -69%;
    width: 100%;
    position: absolute;
    height: 116%
}

.corner_box .corner_box_content {
    position: absolute;
    height: 260px;
    width: 260px;
    bottom: -7%;
    left: 12.9%;
    border-radius: 20px
}

@-moz-keyframes appearColor {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes appearColor {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes appearColor {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes appearColor {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes toDown {
    0% {
        margin-top: -25%
    }

    100% {
        margin-top: 0%
    }
}

@-webkit-keyframes toDown {
    0% {
        margin-top: -25%
    }

    100% {
        margin-top: 0%
    }
}

@-o-keyframes toDown {
    0% {
        margin-top: -25%
    }

    100% {
        margin-top: 0%
    }
}

@keyframes toDown {
    0% {
        margin-top: -25%
    }

    100% {
        margin-top: 0%
    }
}

@-moz-keyframes appearHeartRevers {
    0% {
        opacity: 0;
        transform: scale(2)
    }

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

@-webkit-keyframes appearHeartRevers {
    0% {
        opacity: 0;
        transform: scale(2)
    }

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

@-o-keyframes appearHeartRevers {
    0% {
        opacity: 0;
        transform: scale(2)
    }

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

@keyframes appearHeartRevers {
    0% {
        opacity: 0;
        transform: scale(2)
    }

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

@-moz-keyframes fadeIn {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

    100% {
        opacity: 0
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes inMini {
    0% {
        right: -100px;
        opacity: 0;
        transform: scale(1.4)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

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

@-webkit-keyframes inMini {
    0% {
        right: -100px;
        opacity: 0;
        transform: scale(1.4)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

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

@-o-keyframes inMini {
    0% {
        right: -100px;
        opacity: 0;
        transform: scale(1.4)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

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

@keyframes inMini {
    0% {
        right: -100px;
        opacity: 0;
        transform: scale(1.4)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

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

@-moz-keyframes outMini {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

    100% {
        opacity: 0;
        transform: scale(1.4);
        right: -100px
    }
}

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

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

    100% {
        opacity: 0;
        transform: scale(1.4);
        right: -100px
    }
}

@-o-keyframes outMini {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

    100% {
        opacity: 0;
        transform: scale(1.4);
        right: -100px
    }
}

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

    50% {
        right: -50px;
        opacity: 0;
        transform: scale(1.4)
    }

    100% {
        opacity: 0;
        transform: scale(1.4);
        right: -100px
    }
}

@-moz-keyframes showPanelinScreen {
    0% {
        opacity: 0;
        right: 10px;
        height: 4px;
        width: 40px;
        border-radius: 60px;
        border: 1px solid #fff
    }

    100% {
        border: 1px solid transparent;
        opacity: 1;
        border-radius: 10px;
        height: 30px;
        right: 10px;
        height: 4px;
        width: 80px;
        height: 227px
    }
}

@-webkit-keyframes showPanelinScreen {
    0% {
        opacity: 0;
        right: 10px;
        height: 4px;
        width: 40px;
        border-radius: 60px;
        border: 1px solid #fff
    }

    100% {
        border: 1px solid transparent;
        opacity: 1;
        border-radius: 10px;
        height: 30px;
        right: 10px;
        height: 4px;
        width: 80px;
        height: 227px
    }
}

@-o-keyframes showPanelinScreen {
    0% {
        opacity: 0;
        right: 10px;
        height: 4px;
        width: 40px;
        border-radius: 60px;
        border: 1px solid #fff
    }

    100% {
        border: 1px solid transparent;
        opacity: 1;
        border-radius: 10px;
        height: 30px;
        right: 10px;
        height: 4px;
        width: 80px;
        height: 227px
    }
}

@keyframes showPanelinScreen {
    0% {
        opacity: 0;
        right: 10px;
        height: 4px;
        width: 40px;
        border-radius: 60px;
        border: 1px solid #fff
    }

    100% {
        border: 1px solid transparent;
        opacity: 1;
        border-radius: 10px;
        height: 30px;
        right: 10px;
        height: 4px;
        width: 80px;
        height: 227px
    }
}

@-moz-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-webkit-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-o-keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@keyframes appearHeart {
    0% {
        opacity: 0;
        transform: scale(0)
    }

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

@-moz-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-webkit-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-o-keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@keyframes shadow {
    0% {
        transform: scale(.95)
    }

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

    90% {
        opacity: .3;
        transform: scale(1.4)
    }

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

@-moz-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-webkit-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-o-keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@keyframes hearting {
    0% {
        transform: scale(.95)
    }

    5% {
        transform: scale(1.1)
    }

    39% {
        transform: scale(.85)
    }

    45% {
        transform: scale(1)
    }

    60% {
        transform: scale(.95)
    }

    100% {
        transform: scale(.9)
    }
}

@-moz-keyframes textRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-webkit-keyframes textRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-o-keyframes textRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@keyframes textRainbow {
    0% {
        background: linear-gradient(90deg,#ffe2da 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    5% {
        background: linear-gradient(90deg,#ffb7a5 0%,#ffd1c5 10%,#ffe2da 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    10% {
        background: linear-gradient(90deg,#ffd1c5 0%,#ffb7a5 10%,#ffd1c5 20%,#ffe2da 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    20% {
        background: linear-gradient(90deg,#ffe2da 0%,#ffd1c5 10%,#ffb7a5 20%,#ffd1c5 30%,#ffe2da 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    30% {
        background: linear-gradient(90deg,#fff 0%,#ffe2da 10%,#ffd1c5 20%,#ffb7a5 30%,#ffd1c5 40%,#ffe2da 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    40% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#ffe2da 20%,#ffd1c5 30%,#ffb7a5 40%,#ffd1c5 50%,#ffe2da 60%,#fff 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    50% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#ffe2da 30%,#ffd1c5 40%,#ffb7a5 50%,#ffd1c5 60%,#ffe2da 70%,#fff 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    60% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#ffe2da 40%,#ffd1c5 50%,#ffb7a5 60%,#ffd1c5 70%,#ffe2da 80%,#fff 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    70% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#ffe2da 50%,#ffd1c5 60%,#ffb7a5 70%,#ffd1c5 80%,#ffe2da 90%,#fff 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    80% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#ffe2da 60%,#ffd1c5 70%,#ffb7a5 80%,#ffd1c5 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    90% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#ffe2da 70%,#ffd1c5 80%,#ffb7a5 90%,#ffd1c5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    95% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#ffe2da 80%,#ffd1c5 90%,#ffb7a5 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    100% {
        background: linear-gradient(90deg,#fff 0%,#fff 10%,#fff 20%,#fff 30%,#fff 40%,#fff 50%,#fff 60%,#fff 70%,#fff 80%,#fff 90%,#ffe2da 100%) repeat-x 0 0;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
}

@-moz-keyframes openConstructorLoading {
    0% {
        padding: 0 12px 0 16px;
        height: 0
    }

    100% {
        padding: 30px 12px 22px 16px;
        height: 86px
    }
}

@-webkit-keyframes openConstructorLoading {
    0% {
        padding: 0 12px 0 16px;
        height: 0
    }

    100% {
        padding: 30px 12px 22px 16px;
        height: 86px
    }
}

@-o-keyframes openConstructorLoading {
    0% {
        padding: 0 12px 0 16px;
        height: 0
    }

    100% {
        padding: 30px 12px 22px 16px;
        height: 86px
    }
}

@keyframes openConstructorLoading {
    0% {
        padding: 0 12px 0 16px;
        height: 0
    }

    100% {
        padding: 30px 12px 22px 16px;
        height: 86px
    }
}

@font-face {
    font-family: 'Annabelle';
    src: url("../fonts/annabelle.woff") format('woff'),url("../fonts/annabelle.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AmericanCaptain';
    src: url("../fonts/AmericanCaptain.woff") format('woff'),url("../fonts/AmericanCaptain.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Agoniae';
    src: url("../fonts/Agoniae.woff") format('woff'),url("../fonts/Agoniae.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme Extra';
    src: url("../fonts/CalmExtra.woff") format('woff'),url("../fonts/CalmExtra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme Bold';
    src: url("../fonts/CalmBold.woff") format('woff'),url("../fonts/CalmBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aquator';
    src: url("../fonts/Aquatory.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calme-EB';
    src: url("../fonts/Calmius-ExtraBold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Forlove';
    src: url("../fonts/forlove.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Vetrino';
    src: url("../fonts/Vetrino.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Betmo';
    src: url("../fonts/Betmo.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura_s';
    src: url("../fonts/Cooltura_s.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura_l';
    src: url("../fonts/Cooltura_l.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cooltura';
    src: url("../fonts/Cooltura.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'EVelikaya';
    src: url("../fonts/EVelikaya.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Lithium';
    src: url("../fonts/Lithium.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SoulAdvent';
    src: url("../fonts/SoulAdvent.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SoulSymbols';
    src: url("../fonts/SoulSymbols.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Thedream';
    src: url("../fonts/Thedream.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Colus';
    src: url("../fonts/Colus.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mettlach';
    src: url("../fonts/Mettlach.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bardo';
    src: url("../fonts/Bardo.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Storytella';
    src: url("../fonts/Storytella.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Karlissta';
    src: url("../fonts/Karlissta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LighthausRegular';
    src: url("../fonts/LighthausRegular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mettlach';
    src: url("../fonts/Mettlach.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Black';
    src: url("../fonts/Onest-Black.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Bold';
    src: url("../fonts/Onest-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-ExtraBold';
    src: url("../fonts/Onest-ExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Medium';
    src: url("../fonts/Onest-Medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Onest-Thin';
    src: url("../fonts/Onest-Thin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_t';
    src: url("../fonts/Playfair_t.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_m';
    src: url("../fonts/Playfair_m.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair_v';
    src: url("../fonts/Playfair_v.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Playfair';
    src: url("../fonts/Playfair.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'PoiretOne';
    src: url("../fonts/PoiretOne.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Prata';
    src: url("../fonts/Prata.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Santa Catarina';
    src: url("../fonts/Santa Catarina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sweet Mavka';
    src: url("../fonts/Sweet Mavka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Thedream';
    src: url("../fonts/Thedream.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-B';
    src: url("../fonts/TildaSans-B.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-EB';
    src: url("../fonts/TildaSans-EB.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-Ex';
    src: url("../fonts/TildaSans-Ex.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-L';
    src: url("../fonts/TildaSans-L.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-M';
    src: url("../fonts/TildaSans-M.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSans-R';
    src: url("../fonts/TildaSans-R.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'TildaSansVF';
    src: url("../fonts/TildaSansVF.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-B';
    src: url("../fonts/Unboun-B.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-Bl';
    src: url("../fonts/Unboun-Bl.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun-El';
    src: url("../fonts/Unboun-El.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Unboun';
    src: url("../fonts/Unboun.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ustroke';
    src: url("../fonts/Ustroke.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Honey';
    src: url("../fonts/Honey.woff") format('woff'),url("../fonts/Honey.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Patriciana';
    src: url("../fonts/Patriciana.woff") format('woff'),url("../fonts/Patriciana.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'SaintAmour';
    src: url("../fonts/SaintAmoure.woff") format('woff'),url("../fonts/SaintAmoure.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LeJardin';
    src: url("../fonts/LeJardine.woff") format('woff'),url("../fonts/LeJardine.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sahar';
    src: url("../fonts/Sahar-Thine.woff") format('woff'),url("../fonts/Sahar-Thine.woff") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Sahar Italice';
    src: url("../fonts/Sahar-Thin-Italice.woff") format('woff'),url("../fonts/Sahar-Thin-Italice.woff") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'WonderGardene';
    src: url("../fonts/WonderGardene.woff") format('woff'),url("../fonts/WonderGardene.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'WonderSanse';
    src: url("../fonts/WonderGardenSanse.woff") format('woff'),url("../fonts/WonderGardenSanse.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Florale_EN';
    src: url("../fonts/Florale.woff") format('woff'),url("../fonts/Florale.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AndantinoScript';
    src: url("../fonts/andantino-script.woff") format('woff'),url("../fonts/andantino-script.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BickhamScript3';
    src: url("../fonts/bickham-script-three.woff") format('woff'),url("../fonts/bickham-script-three.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BickhamScript2';
    src: url("../fonts/bickham-script-two.woff") format('woff'),url("../fonts/bickham-script-two.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Carolina';
    src: url("../fonts/carolina.woff") format('woff'),url("../fonts/carolina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Debby';
    src: url("../fonts/Debby.woff") format('woff'),url("../fonts/Debby.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'DsArabic';
    src: url("../fonts/ds-arabic.woff") format('woff'),url("../fonts/ds-arabic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LemonTuesday';
    src: url("../fonts/LemonTuesday.woff") format('woff'),url("../fonts/LemonTuesday.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LifehackBasic';
    src: url("../fonts/LifehackBasic.woff") format('woff'),url("../fonts/LifehackBasic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Marianna';
    src: url("../fonts/marianna.woff") format('woff'),url("../fonts/marianna.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'MountainsofChristmas';
    src: url("../fonts/MountainsofChristmas.woff") format('woff'),url("../fonts/MountainsofChristmas.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'MovusBrushPen';
    src: url("../fonts/Movus_BrushPen.woff") format('woff'),url("../fonts/Movus_BrushPen.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ninactt';
    src: url("../fonts/ninactt.woff") format('woff'),url("../fonts/ninactt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'PeaceSans';
    src: url("../fonts/PeaceSans.woff") format('woff'),url("../fonts/PeaceSans.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Pecita';
    src: url("../fonts/Pecita.woff") format('woff'),url("../fonts/Pecita.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'VenskiSad';
    src: url("../fonts/venski-sad-two-medium.woff") format('woff'),url("../fonts/venski-sad-two-medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CorridaCTT';
    src: url("../fonts/CorridaCTT.woff") format('woff'),url("../fonts/CorridaCTT.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'DecorCyrillic';
    src: url("../fonts/DecorCyrillic.woff") format('woff'),url("../fonts/DecorCyrillic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'IsadoraCyr';
    src: url("../fonts/IsadoraCyr.woff") format('woff'),url("../fonts/IsadoraCyr.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Colus-Regular';
    src: url("../fonts/Colus-Regular.woff") format('woff'),url("../fonts/Colus-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Bold';
    src: url("../fonts/CormorantInfant-Bold.woff") format('woff'),url("../fonts/CormorantInfant-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Light';
    src: url("../fonts/CormorantInfant-Light.woff") format('woff'),url("../fonts/CormorantInfant-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CormorantInfant-Regular';
    src: url("../fonts/CormorantInfant-Regular.woff") format('woff'),url("../fonts/CormorantInfant-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'HoneyVineyarde';
    src: url("../fonts/HoneyVineyarde.woff") format('woff'),url("../fonts/HoneyVineyarde.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'iglets';
    src: url("../fonts/iglets.woff") format('woff'),url("../fonts/iglets.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Patriciana';
    src: url("../fonts/Patriciana.woff") format('woff'),url("../fonts/Patriciana.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Legende';
    src: url("../fonts/Legende.woff") format('woff'),url("../fonts/Legende.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'LinoScript';
    src: url("../fonts/LinoScript.woff") format('woff'),url("../fonts/LinoScript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Pushkin';
    src: url("../fonts/Pushkin.woff") format('woff'),url("../fonts/Pushkin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'ShellyAllegro';
    src: url("../fonts/ShellyAllegro.woff") format('woff'),url("../fonts/ShellyAllegro.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'AppetiteNew';
    src: url("../fonts/AppetiteNew.woff") format('woff'),url("../fonts/AppetiteNew.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Barocco_Initial';
    src: url("../fonts/Barocco_Initial.woff") format('woff'),url("../fonts/Barocco_Initial.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'BistroC';
    src: url("../fonts/BistroC.woff") format('woff'),url("../fonts/BistroC.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cleopatra';
    src: url("../fonts/Cleopatra.woff") format('woff'),url("../fonts/Cleopatra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Flash';
    src: url("../fonts/Flash.woff") format('woff'),url("../fonts/Flash.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Lzax';
    src: url("../fonts/lzax.woff") format('woff'),url("../fonts/lzax.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Academiche';
    src: url("../fonts/academiche.woff") format('woff'),url("../fonts/academiche.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'CourierMOT';
    src: url("../fonts/Flash.woff") format('woff'),url("../fonts/Flash.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Hairfont';
    src: url("../fonts/hairfont.woff") format('woff'),url("../fonts/hairfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Hombre';
    src: url("../fonts/Hombre.woff") format('woff'),url("../fonts/Hombre.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Scandal';
    src: url("../fonts/Scandal.woff") format('woff'),url("../fonts/Scandal.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Secession';
    src: url("../fonts/Secession.woff") format('woff'),url("../fonts/Secession.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Gecko';
    src: url("../fonts/Gecko.woff") format('woff'),url("../fonts/Gecko.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Malahit';
    src: url("../fonts/Malahit.woff") format('woff'),url("../fonts/Malahit.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-Bold';
    src: url("../fonts/Akrobat-Bold.woff") format('woff'),url("../fonts/Akrobat-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-ExtraLight';
    src: url("../fonts/Akrobat-ExtraLight.woff") format('woff'),url("../fonts/Akrobat-ExtraLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Akrobat-Regular';
    src: url("../fonts/Akrobat-Regular.woff") format('woff'),url("../fonts/Akrobat-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bemount';
    src: url("../fonts/Bemount.woff") format('woff'),url("../fonts/Bemount.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Dobrozrachniy';
    src: url("../fonts/Dobrozrachniy.woff") format('woff'),url("../fonts/Dobrozrachniy.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mixa';
    src: url("../fonts/Mixa.woff") format('woff'),url("../fonts/Mixa.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Gora';
    src: url("../fonts/Gora.woff") format('woff'),url("../fonts/Gora.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'GUERRILLA';
    src: url("../fonts/GUERRILLA.woff") format('woff'),url("../fonts/GUERRILLA.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'IkraSlab';
    src: url("../fonts/IkraSlab.woff") format('woff'),url("../fonts/IkraSlab.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'HeadR';
    src: url("../fonts/HeadR.woff") format('woff'),url("../fonts/HeadR.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'RustG';
    src: url("../fonts/RustG.woff") format('woff'),url("../fonts/RustG.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'ScriptR';
    src: url("../fonts/ScriptR.woff") format('woff'),url("../fonts/ScriptR.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Katona';
    src: url("../fonts/Katona.woff") format('woff'),url("../fonts/Katona.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Magnolia';
    src: url("../fonts/Magnolia.woff") format('woff'),url("../fonts/Magnolia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Oks';
    src: url("../fonts/Oks.woff") format('woff'),url("../fonts/Oks.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Krabuler';
    src: url("../fonts/Krabuler.woff") format('woff'),url("../fonts/Krabuler.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Permian';
    src: url("../fonts/permian.woff") format('woff'),url("../fonts/permian.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Avantetitul';
    src: url("../fonts/avantetitulinline.woff") format('woff'),url("../fonts/avantetitulinline.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Acquest';
    src: url("../fonts/acquest.woff") format('woff'),url("../fonts/acquest.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Adine';
    src: url("../fonts/adine.woff") format('woff'),url("../fonts/adine.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'American-retro';
    src: url("../fonts/american-retro.woff") format('woff'),url("../fonts/american-retro.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Anastasia';
    src: url("../fonts/anastasia.woff") format('woff'),url("../fonts/anastasia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Anfisa-grotesk';
    src: url("../fonts/anfisa-grotesk.woff") format('woff'),url("../fonts/anfisa-grotesk.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aquarelle';
    src: url("../fonts/aquarelle.woff") format('woff'),url("../fonts/aquarelle.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Arbat';
    src: url("../fonts/arbat.woff") format('woff'),url("../fonts/arbat.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Arctika';
    src: url("../fonts/arctika.woff") format('woff'),url("../fonts/arctika.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ariston';
    src: url("../fonts/ariston.woff") format('woff'),url("../fonts/ariston.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Artscript';
    src: url("../fonts/artscript.woff") format('woff'),url("../fonts/artscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Aurora';
    src: url("../fonts/aurora.woff") format('woff'),url("../fonts/aurora.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Avalon-medium';
    src: url("../fonts/avalon-medium.woff") format('woff'),url("../fonts/avalon-medium.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bip';
    src: url("../fonts/bip.woff") format('woff'),url("../fonts/bip.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Bolero';
    src: url("../fonts/bolero.woff") format('woff'),url("../fonts/bolero.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Boyarsky';
    src: url("../fonts/boyarsky.woff") format('woff'),url("../fonts/boyarsky.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Breeze';
    src: url("../fonts/breeze.woff") format('woff'),url("../fonts/breeze.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Brushtype';
    src: url("../fonts/brushtype.woff") format('woff'),url("../fonts/brushtype.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Brushtype-bold';
    src: url("../fonts/brushtype-bold.woff") format('woff'),url("../fonts/brushtype-bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Calligraph';
    src: url("../fonts/calligraph.woff") format('woff'),url("../fonts/calligraph.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Cassandra';
    src: url("../fonts/cassandra.woff") format('woff'),url("../fonts/cassandra.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Corinthia';
    src: url("../fonts/corinthia.woff") format('woff'),url("../fonts/corinthia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Ekaterina';
    src: url("../fonts/ekaterina.woff") format('woff'),url("../fonts/ekaterina.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'esenin';
    src: url("../fonts/esenin.woff") format('woff'),url("../fonts/esenin.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Flamme';
    src: url("../fonts/flamme.woff") format('woff'),url("../fonts/flamme.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Heinrichscript';
    src: url("../fonts/heinrichscript.woff") format('woff'),url("../fonts/heinrichscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Junegull';
    src: url("../fonts/junegull.woff") format('woff'),url("../fonts/junegull.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mon-amour';
    src: url("../fonts/mon-amour.woff") format('woff'),url("../fonts/mon-amour.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Mon-amour-two';
    src: url("../fonts/mon-amour-two.woff") format('woff'),url("../fonts/mon-amour-two.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Olgactt';
    src: url("../fonts/olgactt.woff") format('woff'),url("../fonts/olgactt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Olietta';
    src: url("../fonts/olietta.woff") format('woff'),url("../fonts/olietta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto
}

@font-face {
    font-family: 'Parsek';
    src: url("../fonts/parsek.woff") format('woff'),url("../fonts/parsek.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Parsek';
    src: url("../fonts/parsek.woff") format('woff'),url("../fonts/parsek.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rotonda';
    src: url("../fonts/RotondaC.woff") format('woff'),url("../fonts/RotondaC.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rotonda Bold';
    src: url("../fonts/Rotonda.woff") format('woff'),url("../fonts/Rotonda.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Popular';
    src: url("../fonts/popular.woff") format('woff'),url("../fonts/popular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'President';
    src: url("../fonts/president.woff") format('woff'),url("../fonts/president.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Rosamunda';
    src: url("../fonts/rosamunda.woff") format('woff'),url("../fonts/rosamunda.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scriptorama';
    src: url("../fonts/scriptorama.woff") format('woff'),url("../fonts/scriptorama.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Tagirctt';
    src: url("../fonts/tagirctt.woff") format('woff'),url("../fonts/tagirctt.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Teslics';
    src: url("../fonts/teslics.woff") format('woff'),url("../fonts/teslics.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'KZ_Nautilus';
    src: url("../fonts/KZ_Nautilus.woff") format('woff'),url("../fonts/KZ_Nautilus.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Madelyn';
    src: url("../fonts/madelyn.woff") format('woff'),url("../fonts/madelyn.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Doodles';
    src: url("../fonts/doodles.woff") format('woff'),url("../fonts/doodles.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Alphabet';
    src: url("../fonts/Alphabet.woff") format('woff'),url("../fonts/Alphabet.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Skripka';
    src: url("../fonts/Skripka.woff") format('woff'),url("../fonts/Skripka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Handler';
    src: url("../fonts/Handler.woff") format('woff'),url("../fonts/Handler.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Bondy';
    src: url("../fonts/Bondy.woff") format('woff'),url("../fonts/Bondy.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Marker';
    src: url("../fonts/Marker.woff") format('woff'),url("../fonts/Marker.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Swing';
    src: url("../fonts/Swing.woff") format('woff'),url("../fonts/Swing.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Fastmarker';
    src: url("../fonts/Fastmarker.woff") format('woff'),url("../fonts/Fastmarker.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Julia';
    src: url("../fonts/Julia.woff") format('woff'),url("../fonts/Julia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Fatpencil';
    src: url("../fonts/Fatpencil.woff") format('woff'),url("../fonts/Fatpencil.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Antua';
    src: url("../fonts/Antua.woff") format('woff'),url("../fonts/Antua.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Lordica';
    src: url("../fonts/Lordica.woff") format('woff'),url("../fonts/Lordica.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Vena';
    src: url("../fonts/Vena.woff") format('woff'),url("../fonts/Vena.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Truehand';
    src: url("../fonts/Truehand.woff") format('woff'),url("../fonts/Truehand.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Slowpen';
    src: url("../fonts/Slowpen.woff") format('woff'),url("../fonts/Slowpen.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Callilia';
    src: url("../fonts/Callilia.woff") format('woff'),url("../fonts/Callilia.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BuxtonSketch';
    src: url("../fonts/BuxtonSketch.woff") format('woff'),url("../fonts/BuxtonSketch.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Tetcher';
    src: url("../fonts/Tetcher.woff") format('woff'),url("../fonts/Tetcher.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AcquestScript';
    src: url("../fonts/acquest-script.woff") format('woff'),url("../fonts/acquest-script.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Adlery';
    src: url("../fonts/Adlery.woff") format('woff'),url("../fonts/Adlery.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CaveatBold';
    src: url("../fonts/CaveatBold.woff") format('woff'),url("../fonts/CaveatBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Athenic';
    src: url("../fonts/Athenic.woff") format('woff'),url("../fonts/Athenic.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CaveatRegular';
    src: url("../fonts/CaveatRegular.woff") format('woff'),url("../fonts/CaveatRegular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CirceBold';
    src: url("../fonts/CirceBold.woff") format('woff'),url("../fonts/CirceBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'CirceExtraBold';
    src: url("../fonts/CirceExtraBold.woff") format('woff'),url("../fonts/CirceExtraBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Cour';
    src: url("../fonts/Cour.woff") format('woff'),url("../fonts/Cour.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Courbd';
    src: url("../fonts/Courbd.woff") format('woff'),url("../fonts/Courbd.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Courbi';
    src: url("../fonts/Courbi.woff") format('woff'),url("../fonts/Courbi.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Couri';
    src: url("../fonts/Couri.woff") format('woff'),url("../fonts/Couri.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueBold';
    src: url("../fonts/NeueBold.woff") format('woff'),url("../fonts/NeueBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueLight';
    src: url("../fonts/NeueLight.woff") format('woff'),url("../fonts/NeueLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'NeueRoman';
    src: url("../fonts/NeueRoman.woff") format('woff'),url("../fonts/NeueRoman.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'ElowenCaps';
    src: url("../fonts/ElowenCaps.woff") format('woff'),url("../fonts/ElowenCaps.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LeoHand';
    src: url("../fonts/LeoHand.woff") format('woff'),url("../fonts/LeoHand.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LeoHandLight';
    src: url("../fonts/LeoHandLight.woff") format('woff'),url("../fonts/LeoHandLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'LoreleiPrint';
    src: url("../fonts/LoreleiPrint.woff") format('woff'),url("../fonts/LoreleiPrint.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Neucha';
    src: url("../fonts/Neucha.woff") format('woff'),url("../fonts/Neucha.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BlancSeingLight';
    src: url("../fonts/BlancSeingLight.woff") format('woff'),url("../fonts/BlancSeingLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'BlancSeingBold';
    src: url("../fonts/BlancSeingBold.woff") format('woff'),url("../fonts/BlancSeingBold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'A_Empirial';
    src: url("../fonts/A_Empirial.woff") format('woff'),url("../fonts/A_Empirial.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Brusher';
    src: url("../fonts/Brusher.woff") format('woff'),url("../fonts/Brusher.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Ribbon';
    src: url("../fonts/Ribbon.woff") format('woff'),url("../fonts/Ribbon.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gogol';
    src: url("../fonts/Gogol.woff") format('woff'),url("../fonts/Gogol.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Koala';
    src: url("../fonts/Koala.woff") format('woff'),url("../fonts/Koala.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Manuscript';
    src: url("../fonts/Manuscript.woff") format('woff'),url("../fonts/Manuscript.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Nicoletta';
    src: url("../fonts/Nicoletta.woff") format('woff'),url("../fonts/Nicoletta.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Segoesc';
    src: url("../fonts/Segoesc.woff") format('woff'),url("../fonts/Segoesc.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Segoescb';
    src: url("../fonts/Segoescb.woff") format('woff'),url("../fonts/Segoescb.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Scripka';
    src: url("../fonts/Scripka.woff") format('woff'),url("../fonts/Scripka.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'TeddyBear';
    src: url("../fonts/TeddyBear.woff") format('woff'),url("../fonts/TeddyBear.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Zing';
    src: url("../fonts/Zing.woff") format('woff'),url("../fonts/Zing.ttf") format('truetype');
    font-weight: normal;
    font-style: normal
}

.printuseridBox {
    float: right;
    padding: 10px;
    font-family: Rotonda
}

.printuseridBox label {
    color: #bbb;
    float: left
}

.printuseridBox .printuserid {
    text-align: left;
    color: #bbb;
    float: left;
    margin-left: 7px
}

input {
    background: #ebecf1;
    border: 1px solid #c4d6d6;
    border-radius: 26px
}

#addMoney .comsText {
    font-size: .75em;
    margin-top: -.8em;
    color: #89919c
}

#addMoney input {
    padding: 10px;
    text-align: center
}

#addMoney .payBtn {
    margin-left: 10px
}

.accountTabControl {
    padding-right: 0;
    padding-top: 50px
}

.accountTabControl .fa {
    color: #f3613e;
    margin-right: 15px
}

.accountTabControl span {
    font-size: .8em
}

.accountTabControl .nav-tabs a {
    border-radius: 20px;
    border: 0 !important;
    margin-right: 20px
}

.howitwork {
    background: #fee9e3 !important
}

.howitwork h4 {
    font-weight: 800 !importantr
}

.promoLinkContent {
    padding: 20px
}

.accountTabs {
    margin-top: 30px;
    padding: 35px 20px;
    background: #fff;
    min-height: 200px;
    border-radius: 20px
}

.accountTabs .hint {
    margin-top: 0;
    margin-bottom: 30px
}

#invUsers {
    margin-top: 20px
}

.totalProfit {
    display: inline;
    font-size: 1.5em
}

.showOprosParner {
    color: #f3613e
}

.promoCode {
    font-size: 1.5em
}

.tabs-left,.tabs-right {
    border-bottom: none;
    font-size: 1.3em;
    padding-top: -1px
}

.tabs-left > li {
    margin-right: -1px
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block
}

.tabs-right {
    border-left: 1px solid #adadad
}

.tabs-right > li {
    margin-left: -1px
}

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

.tabs-left>li,.tabs-right>li {
    float: none;
    margin-bottom: 2px
}

.tabs-left>li.active>a,.tabs-left>li.active>a:focus {
    border-bottom-color: #adadad;
    border-top-color: none;
    background: #fff;
    border-right-color: transparent
}

.tabs-right>li.active>a,.tabs-right>li.active>a:hover,.tabs-right>li.active>a:focus {
    border-bottom: 1px solid #adadad;
    border-left-color: transparent
}

#screen #opros {
    background: rgba(18,18,18,0.451)
}

#opros {
    width: 100%
}

#opros [name=time],#opros [name=date] {
    font-size: .9em
}

#opros [name=desc] {
    font-size: .9em
}

#opros [name=address],#opros [name=type] {
    color: #9b9b9b;
    font-size: .9em
}

#opros [name=title] {
    color: #d8bd7b;
    font-weight: bolder
}

#opros td {
    padding: 10px
}

#opros td:first-child {
    width: 10px
}

input[name=sitename] {
    text-align: right
}

.toast-container {
    margin-top: 50px
}

.sitecontrol {
    background: #343142;
    border: 2px solid #343142;
    padding: 14px 30px 10px 10px;
    border-radius: 10px;
    margin: 20px;
    color: #d8cfba
}

.sitecontrol .btn {
    font-size: 1em !important
}

.sitecontrol .toggle {
    min-width: 60px;
    border: 2px solid #cbb174
}

.sitecontrol .more {
    margin-top: 10px;
    padding: 20px 5px
}

.addFile {
    padding: 20px
}

.addFile label[for=userImage] {
    display: block;
    background: #cbb174;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    color: #222228;
    cursor: pointer
}

.addFile label[for=userImage]:hover {
    background: #bde8d4
}

.addFile .upload-msg {
    margin-bottom: 10px;
    padding: 10px;
    font-size: .9em
}

.addFile [type=checkbox],.addFile [type=radio] {
    margin-right: 5px
}

.addFile .checkboxArea {
    font-size: .9em
}

.addFile .img-preview {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 10px;
    margin-left: 11px;
    border: 8px solid #f9f9f9 !important
}

.addFile .img-preview img {
    display: none
}

.addSite {
    display: none
}

.countdown {
    text-align: center;
    margin: auto;
    width: 420px
}

.countdown b {
    font-size: 2.5em
}

.countdown span {
    float: left;
    width: 80px;
    text-align: center
}

.wedyet span {
    display: block;
    float: none;
    width: auto;
    margin: auto
}

.wednow {
    font-size: 20pt !important
}

.we_icons {
    margin: auto;
    width: 90px
}

.we_icons div {
    transform: scale(1.6)
}

.wpurl {
    margin-left: -80px
}

.footer {
    background: #607b9c;
    color: #fff;
    min-height: 218px;
    position: relative
}

.footer a {
    color: #fff
}

.footer .logo_part div {
    top: 60px;
    position: relative
}

.footer .menu1_part {
    margin-top: 60px
}

.footer .menu1_part ul {
    font-size: 1.2em
}

.footer .menu1_part ul li {
    list-style: none;
    line-height: 1.8em
}

.usertab {
    height: 62px !important;
    z-index: 2
}

.nameTitle {
    padding: 6px 40px;
    font-family: 'Roboto';
    font-size: 1.2em;
}

.nameTitle strong {
    font-weight: 600;
    font-family: montserrat;
    font-size: 1.3em
}

.nameTitle a.how {
    background: #fee9e3;
    border-radius: 10px;
    padding: 4px 10px;
    margin-top: 4px;
    margin-left: -4px;
    font-size: .8em;
    display: block;
    float: left;
    text-decoration: none
}

.asap_banner {
    background-image: url("/src/img/academy.jpg") !important;
    height: 98px;
    background-position: center;
    background-size: cover;
    background-color: #f9696c;
    padding-left: 60px;
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 4;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row
}

.asap_banner .col {
    display: flex;
    align-items: center;
    margin-left: 113px
}

.asap_banner .text_img {
    background-image: url("/src/img/academy_text.png") !important;
    height: 57px;
    width: 147px;
    background-size: cover
}

.asap_banner .btn {
    background: #ffc2b2;
    padding: 9px 22px;
    margin-left: 15px;
    color: #000;
    font-size: 1em;
    border-radius: 33px;
    transition: all .5s ease-out 0s
}

.asap_banner .btn:hover {
    transform: scale(1.1)
}

.asap_banner .close {
    top: 2PX;
    position: absolute;
    font-size: 22pt;
    transform: rotate(45deg);
    left: 5PX
}

.asap_link {
    background: #ffe9e3;
    width: 55px;
    height: 55px;
    max-width: 50px;
    max-height: 50px;
    display: flex;
    border-radius: 50px;
    cursor: pointer;
    float: left;
    position: relative;
    flex-direction: row;
    align-items: center;
    align-content: center;
    justify-content: center
}

.asap_link:hover {
    background: #f4623e
}

.asap_link:hover .icon_academy {
    background-image: url("/src/img/hatw.svg") !important
}

#asap_metrica {
    position: relative;
    float: left;
    transition: all .5s ease-out 0s
}

#asap_metrica path {
    fill: #ffe9e3;
    stroke: #d97d6b
}

#asap_metrica svg {
    width: 50px;
    margin-top: 5px;
    cursor: pointer;
    float: left
}

#asap_metrica svg text {
    font-family: Montserrat;
    fill: #000
}

#asap_metrica i.fa {
    display: block;
    float: left;
    position: absolute;
    top: 33%;
    color: #000;
    left: 30%
}

#asap_metrica:hover {
    transform: scale(1.2)
}

#asap_modal .modal-header {
    margin: 0;
    display: flex;
    flex-direction: row;
    padding: 30px 0;
    align-items: center;
    justify-content: space-between
}

#asap_modal .modal-dialog {
    width: 100%;
    max-width: 1200px !important
}

#asap_modal .modal-content {
    min-height: 80vh;
    border-radius: 0;
    padding: 0
}

#asap_modal .modal-body {
    display: flex;
    min-height: 70vh;
    padding: 0 !important
}

#asap_modal .gift_container,#asap_modal .help_container {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
    background: linear-gradient(45deg,rgba(255,15,219,0.341),rgba(255,174,0,0.459));
    padding: 19px !important;
    font-family: Montserrat !important;
    flex-direction: column
}

#asap_modal .gift_container .gift,#asap_modal .help_container .gift,#asap_modal .gift_container .help,#asap_modal .help_container .help {
    display: flex;
    align-items: center;
    margin-right: 11px
}

#asap_modal .gift_container .fa-gift,#asap_modal .help_container .fa-gift,#asap_modal .gift_container .fa-comments-o,#asap_modal .help_container .fa-comments-o {
    font-size: 28px;
    margin-right: 15px;
    color: #d00c9f
}

#asap_modal .gift_container .btn,#asap_modal .help_container .btn {
    margin-top: 15px;
    border-radius: 40px;
    min-width: 180px;
    font-size: 1em;
    color: #d00b9f;
    background: rgba(255,255,255,0.478)
}

#asap_modal .gift_container .fa-comments-o,#asap_modal .help_container .fa-comments-o,#asap_modal .gift_container .btn,#asap_modal .help_container .btn {
    color: #3d298c !important
}

#asap_modal .help_container {
    background: linear-gradient(45deg,rgba(15,71,255,0.341),rgba(0,255,208,0.459)) !important
}

#asap_modal .an_menu {
    background: #fff
}

#asap_modal .an_menu .progress {
    height: 4px;
    width: 100%;
    margin-bottom: 6px;
    border: 0 solid #979797;
    box-shadow: none;
    background-color: #fff;
    margin-top: 7px;
    margin-right: 7px
}

#asap_modal .an_menu .progress .progress-bar {
    background-color: #f4623e;
    box-shadow: none !important
}

#asap_modal .an_menu >* {
    min-width: 215px;
    flex-wrap: wrap;
    display: flex;
    font-size: .9em;
    font-family: Rotonda;
    max-width: 290px;
    min-height: inherit;
    padding: 12px 22px 10px 21px;
    min-height: 3em;
    text-align: left;
    margin-bottom: 10px;
    justify-content: space-between;
    position: relative;
    align-items: center;
    text-decoration: none
}

#asap_modal .an_menu a:hover {
    color: #f3623e
}

#asap_modal .an_menu a.active {
    background: #ffe9e3;
    color: #f3623e
}

#asap_modal .an_menu a .tb_nm {
    display: flex;
    align-items: center
}

#asap_modal .an_menu a .tb_nm strong {
    font-weight: 400 !important
}

#asap_modal .an_menu a .tb_nm span {
    padding-right: 15px;
    margin-top: -6px;
    position: relative;
    font-family: Calme Bold;
    font-size: 16pt
}

#asap_modal .an_menu a .tb_nm .preview {
    width: 25px;
    height: 35px;
    background-size: cover
}

#asap_modal .an_razdel {
    color: #000;
    margin-top: 5px;
    transform: scale(1.5);
    display: block
}

#asap_modal .an_ttl_sub {
    width: 50%;
    min-height: 41px;
    margin-top: 3px;
    color: #000;
    padding: 0 20px;
    font-family: 'Montserrat';
    display: flex;
    align-items: center
}

#asap_modal .an_ttl {
    color: #000;
    font-size: 1.5em;
    font-weight: 600;
    font-family: Montserrat;
    float: left;
    display: block;
    padding: 0 20px
}

#asap_modal .close {
    padding: 0 20px
}

#asap_modal .an_contents {
    background: #000;
    display: flex;
    width: 100%
}

#asap_modal .an_contents .tab-pane {
    width: 100%
}

#asap_modal .an_contents .an_content-one {
    display: flex;
    justify-content: space-around;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    height: 100%
}

#asap_modal .an_contents .an_content-one .an_video {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 25px;
    flex-wrap: wrap;
    justify-content: flex-start
}

#asap_modal .an_contents .an_content-one .an_video .an_desc {
    display: block;
    flex-wrap: wrap;
    width: 514px;
    padding: 25px 5px;
    color: #b0b1b7;
    flex-direction: column
}

#asap_modal .an_contents .an_content-one .an_submenu {
    background: #000;
    color: #fff;
    border-radius: 0;
    width: 40%;
    max-width: 280px;
    border-right: 1px solid rgba(255,255,255,0.322);
    padding-right: 20px;
    padding-top: 12px
}

#asap_modal .an_contents .an_content-one .an_submenu a {
    flex-wrap: nowrap
}

#asap_modal .an_contents .an_content-one .an_submenu a.active {
    background: #1d243d !important;
    color: #fff !important;
    border-radius: 8px !important
}

#asap_modal .an_contents .an_content-one .an_submenu a:hover {
    color: #ccc !important
}

#asap_modal .an_contents .an_content-one .an_submenu a .fa-play {
    padding-right: 12px;
    margin-left: -8px
}

#asap_modal .an_contents .an_content-one .an_submenu a .badge {
    margin-left: 10px;
    min-width: 34px;
    padding-top: 5px;
    display: inline-table;
    border: 1px solid #fff;
    background: transparent
}

.txtBenefit {
    text-align: left;
    color: #444;
    font-family: Montserrat;
    font-size: .8em
}

.modal .showlogin,.modal .showreg {
    font-size: 11pt;
    font-family: Montserrat;
    float: left;
    padding: 15px;
    color: #f3613e;
    font-weight: 800;
    z-index: 10;
    text-align: center;
    width: 100%;
    border-radius: 50px
}

.modal .showlogin:hover,.modal .showreg:hover {
    color: #ff8c70
}

.navy:hover:not(.active) div {
    transform: scale(1.1);
    transition: all .4s ease-out
}

.white_header {
    background: #fff !important
}

.constructor_header {
    background: #181a29 !important;
    box-shadow: none !important;
    position: fixed
}

.constructor_header #academic_metrica path {
    fill: rgba(74,68,95,0.639) !important;
    stroke: #d1be30 !important
}

.constructor_header #academic_metrica text {
    fill: #fff !important
}

.constructor_header #academic_metrica i.fa {
    color: #fff !important
}

.constructor_header #asap_metrica path {
    fill: rgba(74,68,95,0.639) !important;
    stroke: #d1be30 !important
}

.constructor_header #asap_metrica text {
    fill: #fff !important
}

.constructor_header #asap_metrica i.fa {
    color: #fff !important
}

.constructor_header .asap_link {
    border-color: #ffc2b2 !important !important
}

.constructor_header .asap_link i.fa {
    color: #fff !important
}

.constructor_header .mainBtnMenu .btn:hover .fa {
    color: #f3623e !important
}

.constructor_header .mainBtnMenu .fa {
    color: #000 !important
}

.constructor_header .inver_logo {
    background-image: url("/src/img/logo_black_new.png") !important
}

.constructor_header .usertab {
    color: #fff !important
}

.constructor_header .dropdown-menu {
    background: #fff !important
}

.constructor_header .dropdown-menu .label {
    background-color: #fff !important
}

.constructor_header .nav .open>a {
    background: rgba(153,122,54,0.48) !important;
    color: #fff !important
}

.constructor_header .navy {
    color: #8a8a98 !important
}

.constructor_header .navy .iconNav {
    color: #8a8a98 !important
}

.constructor_header .navy.active {
    background-image: url("/src/img/nav_active_black.png") !important;
    color: #fff !important
}

.constructor_header .navy.active .iconNav {
    color: #fff !important
}

.constructor_header .navy.done {
    color: rgba(255,255,255,0.76) !important
}

.constructor_header .navy.done i {
    color: rgba(255,255,255,0.76) !important
}

.admin_header {
    background: linear-gradient(180deg,#d97d6b 3%,rgba(255,0,110,0.439) 1%,rgba(22,24,41,0) 25%) !important
}

.designer_header {
    background: linear-gradient(180deg,#28994a 3%,rgba(0,255,122,0.369) 1%,rgba(22,24,41,0) 25%) !important
}

.mn-btn {
    float: left;
    margin-top: 1vh;
    max-width: 6.5vh;
    max-height: 6.5vh;
    min-width: 50px;
    min-height: 50px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fee9e3;
    margin-left: 1vmin !important;
    font-family: Zen Antique Soft;
    border-radius: 20vh;
    height: 7vw;
    width: 7vw;
    padding: 2vh 1vh;
    margin: auto;
    transition: all .2s ease-out
}

.mn-btn:hover {
    color: #f3623e
}

.logo {
    padding: 7px;
    min-width: 13vw
}

.logo .inver_logo {
    background-image: url("/src/img/logo_new.png");
    opacity: 1;
    max-width: 150px
}

.header_cabinet {
    width: 100vw;
    height: 75px;
    color: #000;
    display: flex;
    flex: initial;
    top: 0;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 35px;
    align-items: center;
    background: #fff;
    margin: auto;
    z-index: 10;
    font-family: Rotonda Bold !important;
    font-size: 1.1em
}

.header_cabinet .nav {
    height: 84px;
    width: 700px;
    display: flex;
    margin: auto;
    justify-content: center
}

.header_cabinet .nav ul {
    text-align: center;
    margin-top: -20px
}

.header_cabinet .nav .open>a {
    background: #ffe0b4;
    color: #543b31;
    border-radius: 25px
}

.header_cabinet .fa-angle-right:before {
    color: #607b9c
}

.header_cabinet .user {
    height: 66px
}

.header_cabinet .user .dropdown-menu {
    font-family: Rotonda !important;
    font-size: .95em;
    background: #fff;
    top: 99%;
    padding: 5px
}

.header_cabinet .user .dropdown-menu .fa {
    color: #f3613e;
    font-size: 1.1em;
    margin-right: 7px
}

.header_cabinet .user .dropdown-menu .fa-plus {
    margin-left: 6px !important
}

.header_cabinet .user .dropdown-menu a.text-left {
    padding: 7px 10px;
    font-size: .95em
}

.header_cabinet .user .dropdown-menu .label {
    color: #000;
    font-weight: 800 !important;
    border-radius: 18px;
    font-family: 'Montserrat';
    border-radius: 18px
}

.header_cabinet .hr {
    border-top: 2px solid #ccc;
    width: 100%;
    position: relative;
    top: 35px
}

.header_cabinet .toback {
    font-style: 1.4em;
    color: #fff
}

.header_cabinet .usertab {
    font-family: Rotonda;
    display: flex;
    width: 15vw;
    font-size: .9em;
    padding-left: 20px;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.header_cabinet .usertab .useremail {
    overflow: hidden;
    min-width: 120px;
    padding-left: 8px
}

.header_cabinet a.navy {
    font-family: Montserrat;
    float: left;
    padding-top: 10px;
    display: block;
    color: #111;
    vertical-align: middle;
    text-align: center;
    height: 77px;
    padding: 15px 0 0 0;
    margin: 7px 15px 0 15px;
    min-width: 50px;
    position: relative
}

.header_cabinet a.navy div {
    max-width: 80px
}

.header_cabinet a.navy span {
    font-size: .7em;
    display: block;
    width: 100%;
    text-align: center
}

.header_cabinet a.navy .NextArr {
    position: absolute;
    top: 17px;
    right: -30px;
    font-size: 1.4em;
    color: #606060
}

.header_cabinet a.navy i.fa-check-circle {
    display: none;
    font-size: 1.5em
}

.header_cabinet a.navy i.fa-circle {
    display: none;
    font-size: 1.5em
}

.header_cabinet a.navy .iconNav {
    color: #ffa18b;
    font-size: 1.2em
}

.header_cabinet a.navy:hover {
    text-decoration: none
}

.header_cabinet a.navy.active {
    background-image: url("/src/img/nav_active.png");
    background-position: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: #0870ad;
    font-weight: 600;
    text-decoration: none;
    min-width: 90px;
    height: 67px;
    border-radius: 25px
}

.header_cabinet a.navy.active .NextArr {
    right: -27px;
    top: 17px
}

.header_cabinet a.navy.active .iconNav {
    color: #0870ad;
    display: inline
}

.header_cabinet a.navy.active i.fa-check-circle {
    display: none
}

.header_cabinet a.navy.active i.fa-circle {
    display: none;
    font-size: 2em
}

.header_cabinet a.navy.done {
    color: #606060
}

.header_cabinet a.navy.done .iconNav {
    display: none
}

.header_cabinet a.navy.done i.fa-check-circle {
    display: inline
}

.header_cabinet a.navy.done i.fa-circle {
    display: none;
    font-size: 2em
}

.header_cabinet a.navy.done i.fa-check-circle {
    color: #00ac46 !important
}

.header_cabinet a.navy i.fa-user {
    font-size: 18px;
    padding-right: 5px
}

.img_printing {
    width: 100%;
    height: 350px;
    margin: 30px;
    background: url("../img/printing.png") no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.img_printing .fa {
    background: rgba(255,255,255,0.831);
    font-size: 2.3em;
    padding: 13px 16px;
    position: absolute;
    border-radius: 36px;
    left: 48%;
    top: 66%
}

.loading .fa:not(.fa-spin) {
    display: none !important
}

.loading .fa-spin {
    display: block;
    float: left;
    margin-left: 0 !important
}

.sheet,.window,[elemplace=bgcolor],[elemplace=bgback] {
    transition: all .5s ease-out 0s
}

.sheet .front {
    transform: rotateY(0deg)
}

.sheet .back {
    transform: rotateY(180deg);
    visibility: hidden
}

.addElement.addMainImg {
    display: none
}

.backQR {
    background-size: cover
}

.frontQR {
    -webkit-mask-image: url("/src/img/QR_mask.png");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-image: url("/src/img/QR_mask.png");
    height: 100px;
    width: 100px
}

.imgcontrol {
    margin-left: 75px
}

.addtocalendar .fontover {
    right: 0
}

.customLine .cloneText,.customLine .addEmoji {
    display: none
}

.window#mymain .dropdown-menu .fontscale,#mainInv .front .dropdown-menu .fontscale {
    display: none
}

.skiptranslate {
    display: none !important
}

body {
    top: 0 !important
}

.window#mymain {
    margin: auto;
    height: 90vh
}

.window#mymain .addsBox .addElement.addVideo {
    display: none
}

.window#mymain .addsBox .addElement.addMainImg {
    display: block
}

.mtop15px {
    margin-top: 15px !important
}

.btn-call2action-sm {
    transform: scale(.9)
}

.btn-call2action-sm:hover {
    transform: scale(.97) !important
}

.btn-call2action-xxs {
    transform: scale(.7)
}

.btn-call2action-xxs:hover {
    transform: scale(.77) !important
}

.btn-call2action-xs {
    transform: scale(.8)
}

.btn-call2action-xs:hover {
    transform: scale(.87) !important
}

.btn-call2action {
    width: 100%;
    padding: 17px 1px 17px 6px;
    cursor: pointer;
    margin: auto;
    display: block;
    text-align: center
}

.btn-call2action-gold {
    background-image: url("/src/img/mp_gold_button.svg") !important;
    color: #a55e50;
    text-shadow: 2px 1px 0 rgba(255,255,255,0.58)
}

.btn-call2action-gold:hover {
    color: #fff;
    transform: scale(1.07);
    color: #6b352a;
    text-shadow: 2px 1px 0 #fff
}

.btn-call2action-gold:hover .shadow {
    box-shadow: -2px 2px 20px 11px rgba(255,231,145,0.5)
}

.btn-call2action-gold .shadow {
    box-shadow: -2px 2px 20px 11px rgba(255,231,145,0.25)
}

* {
    font-display: auto
}

.logo_aqua {
    background: url("../../src/img/newlogo_min.png");
    background-size: contain;
    display: block;
    height: 100px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

a {
    cursor: pointer
}

.textLine img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -.1em
}

#cboxBottomCenter .btn-group-on-white.btn-group {
    background: #b4c0cf
}

#cboxBottomCenter .btn-group-on-white.btn-group .btn {
    padding: 6px 15px
}

.placeForIframe_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    height: 100%
}

#placeForIframe {
    height: 100%
}

.razdelVariantModal {
    float: left !important;
    padding: 5px;
    margin: 15px 0 10px 50px;
    border-radius: 3em !important;
    font-weight: 600
}

.razdelVariantModal img {
    width: 30px
}

.razdelVariantModal span {
    color: #111
}

.razdelVariantModal a {
    font-weight: 500;
    padding: 5px 20px !important;
    font-size: 1em;
    border-radius: 2em
}

.razdelVariantModal i {
    padding-right: 10px
}

.iframeNative {
    border-radius: 20px;
    margin: 1vh !important
}

.iframeNative .showlogin {
    color: #000;
    font-size: .9em;
    font-weight: 500
}

.iframeNative .modal-header {
    margin: 0;
    padding: 0
}

.iframeNative .close {
    right: 28px !important;
    z-index: 5;
    position: fixed
}

.iframeNative .modal-content {
    padding: 3vh 3vh 0 0 !important;
    height: 100%
}

.iframeNative .btn-group {
    position: absolute;
    z-index: 10;
    background: #dadee1
}

.iframeNative .btn-style-one {
    background: transparent !important;
    margin-top: 10px;
    color: #f4623e !important;
    font-weight: 700
}

.iframeNative .btn-style-one span {
    animation: none !important;
    font-size: 10pt !important
}

.iframeNative .btn-style-one:hover span {
    color: #c94546 !important;
    -webkit-text-fill-color: inherit
}

.iframeNative .modal-dialog {
    margin: 0;
    height: 100%;
    top: 0
}

.iframeNative .modal-dialog .control-label {
    width: 100px !important
}

.iframeNative .modal-body {
    overflow: hidden;
    height: 100%
}

.iframeNative .formNative_box {
    display: flex;
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 300px;
    height: 100%
}

.iframeNative .formNative {
    display: flex;
    height: 100%;
    max-width: 373px;
    width: 100%;
    justify-content: space-evenly;
    flex-direction: column
}

.iframeNative .formNative .form-group {
    background: #fff;
    width: 100%
}

.iframeNative .formNative .form-group .alert {
    color: #000;
    margin-top: 0;
    padding: 15px;
    position: absolute;
    bottom: 22px;
    left: 2px;
    z-index: 4;
    background: rgba(249,236,218,0.89);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap
}

.iframeNative .formNative .form-group .alert a {
    margin-top: 15px !important;
    border: 1px solid #db8070;
    width: 100%;
    text-decoration: none;
    color: #6a310d;
    text-align: center;
    border-radius: 20px;
    padding: 10px !important;
    animation: none !important
}

.iframeNative .formNative .form-group .alert a:hover {
    background: rgba(255,255,255,0.478)
}

.iframeNative .formNative .title {
    font-family: 'Montserrat';
    font-weight: 800;
    text-align: center;
    font-size: 1.5em;
    min-height: 75px;
    height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center
}

.iframeNative .formNative .readyReg {
    display: none
}

.iframeNative .formNative .img {
    height: 200px;
    border-radius: 20px;
    background-color: #e5e9ee;
    margin: 0 15px;
    margin-bottom: 30px;
    background-size: cover;
    background-position-y: 50%
}

.iframeNative .formNative [type=she] .img {
    background-image: url("../../src/img/start1.png")
}

.iframeNative .formNative [type=he] .img {
    background-image: url("../../src/img/start2.png")
}

.iframeNative .formNative [type=date] .img {
    background-image: url("../../src/img/start3.png")
}

.iframeNative .formNative [type=email] .img {
    background-image: url("../../src/img/start4.png")
}

.iframeNative .formNative input {
    font-size: 1em;
    color: #000;
    font-family: Montserrat;
    text-align: center
}

.iframeNative .formNative .itsMe {
    display: none
}

.iframeNative .formNative .showlogin {
    margin-top: 40px !important
}

.iframeNative .formNative iframe {
    height: 70vh !important
}

#NativeRegModal {
    background: #fff
}

#NativeRegModal .formNative {
    background: #fff
}

#NativeRegModal .form-control[name=he],#NativeRegModal .form-control[name=she] {
    width: 100%
}

#NativeRegModal .modal-footer {
    margin-bottom: 15vh
}

#NativeRegModal .modal-dialog {
    max-width: inherit !important;
    width: 90% !important
}

#NativeRegModal .modal-dialog .fa-angle-double-down {
    margin-top: 6px
}

#NativeRegModal .modal-dialog .updateVariant {
    display: none
}

#NativeRegModal .modal-dialog .control-label {
    width: 125px;
    margin-left: -7px;
    padding-right: 0
}

#NativeRegModal .modal-dialog .btn-call2action {
    top: 26px;
    font-size: 1em;
    position: relative
}

#NativeRegModal .modal-dialog .underlink,#NativeRegModal .modal-dialog .txtBenefit {
    text-decoration: none
}

#NativeRegModal .modal-dialog .showlogin {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-top: 20px;
    animation: myFade .5s 1 cubic-bezier(.25,.46,.45,.94) 2s both
}

#NativeRegModal .modal-dialog .icon_input {
    margin-left: 8px
}

#NativeRegModal .modal-dialog .textHint {
    font-size: .9em;
    padding-right: 0
}

#NativeRegModal .modal-dialog .placeForVariant {
    transform: scale(.8);
    left: 0%;
    position: absolute;
    z-index: 3
}

#NativeRegModal .itsMe {
    color: #f2f2f3;
    cursor: pointer;
    width: 90px;
    height: 29px;
    border-radius: 30px;
    position: absolute;
    right: 18px;
    top: 5px;
    z-index: 2;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 10px
}

#NativeRegModal .itsMe i.fa {
    float: left;
    font-size: 1.4em;
    margin: -1px 5px 0 -4px;
    color: #fff
}

#NativeRegModal .itsMe .fa-circle {
    display: block
}

#NativeRegModal .itsMe .fa-check-circle {
    display: none
}

#NativeRegModal .itsMe span {
    font-family: Rotonda;
    float: left;
    display: block;
    max-width: 50px;
    height: 23px;
    overflow: hidden;
    font-size: .8em;
    text-align: center
}

#NativeRegModal .itsMe.active {
    color: #111
}

#NativeRegModal .itsMe.active .fa-circle {
    display: none
}

#NativeRegModal .itsMe.active .fa-check-circle {
    display: block;
    color: #111
}

.modal-dialog {
    max-width: 700px;
    font-size: 1.2em
}

.modal-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.8em;
    color: #111
}

.steps {
    padding: 10px 0 40px 0
}

.steps .btn-group {
    width: 100%
}

.steps .btn-group #Next,.steps .btn-group #NextLink {
    float: right;
    padding-right: 75px;
    opacity: .95;
    font-family: Montserrat;
    border-radius: 30px;
    background: #fabeaf;
    box-shadow: none;
    border: none;
    color: #000;
    box-shadow: none
}

.steps .btn-group #Next i.fa,.steps .btn-group #NextLink i.fa {
    right: -9px;
    font-size: 1.5em;
    position: relative;
    top: 3px
}

.steps .btn-group #Prev,.steps .btn-group #PrevLink {
    padding: 13px 30px;
    float: right;
    font-family: Montserrat;
    color: #000
}

.steps .btn-group #Prev i.fa,.steps .btn-group #PrevLink i.fa {
    left: -9px;
    font-size: 1.5em;
    position: relative;
    top: 3px
}

.steps .btn-group #Prev:hover,.steps .btn-group #PrevLink:hover {
    color: #333
}

.hint,.alert {
    font-family: Montserrat;
    border-radius: 0
}

.mobilealert {
    margin-top: 80px
}

.mobilealert .hint {
    background: #fff3dc !important;
    box-shadow: none;
    color: #000
}

.fixedsteps {
    bottom: 0;
    position: fixed;
    max-width: 100%;
    background: rgba(188,204,224,0.88);
    margin-left: -10px;
    z-index: 9
}

.upsteps {
    top: 0;
    bottom: inherit;
    border-bottom: 1px solid rgba(51,51,51,0.7)
}

.upsteps h1 {
    margin: 10px 0;
    color: #fff;
    font-family: Calme Bold;
    font-size: 1.7em !important
}

.steparea {
    margin: auto;
    position: fixed;
    bottom: 0;
    background: #d3d3d3;
    border-top: 1px solid #979797;
    padding: 15px 0 15px 0;
    z-index: 9 !important
}

.steparea .btn-group {
    width: 100%
}

.steparea .btn-group #Next,.steparea .btn-group #NextLink {
    float: right;
    padding-right: 75px;
    opacity: .95;
    border-radius: 30px;
    background: #fabeaf;
    box-shadow: none;
    border: none;
    color: #000;
    box-shadow: none
}

.steparea .btn-group #Next i.fa,.steparea .btn-group #NextLink i.fa {
    right: -9px;
    font-size: 1.5em;
    position: relative;
    top: 3px
}

.steparea .btn-group #Prev,.steparea .btn-group #PrevLink {
    padding: 13px 30px;
    float: right;
    color: #fabeaf
}

.steparea .btn-group #Prev i.fa,.steparea .btn-group #PrevLink i.fa {
    left: -9px;
    font-size: 1.5em;
    position: relative;
    top: 3px
}

.steparea .btn-group #Prev:hover,.steparea .btn-group #PrevLink:hover {
    color: #fff;
    text-decoration: none
}

.modalheader {
    display: none;
    z-index: 11;
    background-color: #eff0f5;
    color: #d87c6b;
    height: 84px;
    border: 0;
    font-family: Rotonda;
    max-width: 100%;
    margin-left: 16.66666667%;
    left: 10px
}

.closeModal {
    color: #fff;
    font-size: 1.2em;
    margin-top: 30px;
    padding-right: 30px;
    font-family: Montserrat;
    transition: all .3s ease
}

.closeModal:hover {
    color: #eee;
    padding-right: 0;
    text-decoration: none
}

h1 {
    font-size: 1.4em !important;
    margin-top: 30px !important
}

.modalheader_constructor {
    background: #181a29;
    color: #eff0f5
}

@media (max-width: 1150px) {
    .constructor .alert-warning {
        margin:10px 40px
    }
}

.swipeSheet {
    transform: scale(.7)
}

.leftSheet {
    margin-left: -10px
}

.rightSheet {
    margin-right: -10px
}

.phoneview {
    transform: scale(.95) !important;
    top: -10.5%;
    margin-top: 0;
    height: 100%
}

@media (max-width: 1024px) {
    .varContainer {
        margin-top:0 !important
    }

    .phoneview {
        transform: scale(.9) !important;
        top: -10%;
        margin-top: 0;
        height: 102%
    }

    .btn-call2action {
        font-size: 1.1em
    }
}

@media (max-width: 992px) {
    .tabs .transBtn {
        width:30px
    }

    .constructor .listing .elementSelect .elementOne {
        height: 36px
    }

    .contenttab .form-horizontal {
        margin: 30px 40px
    }

    .allGuestBox {
        margin-left: -22px !important;
        margin-right: -26px !important
    }

    .swipeSheet {
        display: none
    }

    .printCounting {
        font-size: .9em
    }

    .razdelSaleModal {
        margin-left: -275px;
        font-size: .9em;
        width: 550px
    }

    .razdelSaleModal .btn {
        padding: 6px 8px
    }

    .razdelSaleModal .btn i.fa {
        display: block
    }

    .phoneview {
        transform: scale(.75) !important;
        top: -20%;
        margin-top: 0;
        left: -30%;
        margin-right: -275px;
        height: 117%
    }

    .showMaketControl {
        box-shadow: 1px 1px 7px 0 #f0b0ed !important;
        background: linear-gradient(90deg,#fff3c3 0%,#fcded9 35%,#fec1ff 70%,#e5c4fb 85%,#b4d8ff 100%) repeat-x 0 0 !important
    }

    .constructor .listing .noUi-horizontal {
        margin: 20px 0;
        left: 14px;
        width: 117px
    }

    .constructor .listing .elementSelect .elementOne {
        margin-bottom: 20px
    }

    .constructor .listing .elementSelect .elementOne i.fa {
        background: none;
        color: #15172a;
        margin: 10px auto
    }

    .constructor .listing .elementSelect .corner {
        display: none
    }

    .constructor .listing .elementSelect .elements {
        justify-content: center;
        min-width: initial;
        float: left;
        position: relative;
        margin: 0 0 30px 0;
        height: 300px;
        padding: 0;
        display: flex;
        overflow-x: scroll;
        box-shadow: none !important;
        flex-wrap: wrap
    }

    .slider-opacity-title {
        display: none
    }

    .electro_mobile .phoneview {
        left: 72%;
        margin-left: -175px;
        transform: scale(1) !important;
        top: 0%;
        margin-top: 0;
        height: 85%
    }

    .mobile_phoneview {
        top: -6%;
        left: -50%;
        margin-right: -220px
    }

    #dashboard .dbrow {
        padding: 0 !important;
        margin: 0 !important;
        font-size: .9em !important
    }

    #dashboard .dbrow .dbinfo {
        padding: 20px 10px !important;
        margin: 0 !important
    }

    .allGuestBox {
        margin-bottom: 50px
    }

    .addNewTr .addGuest {
        z-index: 10;
        position: fixed;
        bottom: 0
    }

    .steparea,.steps {
        padding: 0;
        position: fixed;
        bottom: 0
    }

    .steparea .btn-group,.steps .btn-group {
        background: rgba(24,26,41,0.612)
    }

    .steparea .btn-group #Next,.steps .btn-group #Next,.steparea .btn-group #NextLink,.steps .btn-group #NextLink {
        padding-right: 20px;
        border-bottom-left-radius: 0
    }

    .steparea .btn-group #Prev,.steps .btn-group #Prev,.steparea .btn-group #PrevLink,.steps .btn-group #PrevLink {
        padding: 13px 5px;
        color: #fff;
        font-size: .9em
    }

    .steps .btn-group {
        background: rgba(255,255,255,0.77)
    }

    .steps .btn-group #Next,.steps .btn-group #NextLink {
        background: #ffaf95
    }

    .steps .btn-group #Prev,.steps .btn-group #PrevLink {
        color: #888
    }

    .constructor .controlpanel .listing .ringOne {
        width: 76px !important
    }

    .constructor .controlpanel .listing .ringOne .pattern {
        width: 65px !important
    }

    .panelTopCanvas {
        margin: auto;
        display: flex;
        justify-content: center;
        height: 50px;
        right: 50%;
        margin-left: 152px
    }

    .fontcontrol,.somecontrol {
        font-size: .9em
    }

    .form-control {
        padding-bottom: 5px;
        padding-left: 9px
    }

    .toguest .btn {
        font-size: .85em
    }

    .toguest .who {
        font-size: .8em;
        padding-left: 5px
    }

    .typerollBox {
        left: 14px;
        top: -18px;
        position: absolute
    }

    .typeroll .elementtype {
        padding: 0 6px 0 20px !important;
        height: 34px !important;
        font-size: .8em
    }

    .typeroll .elementtype .nametype {
        margin: 7px 14px !important
    }

    .typeroll .elementtype .fa-stack {
        margin-top: -3px
    }

    .tabs .btn-group {
        width: 240px !important;
        margin-left: -120px !important
    }

    .constructor_electro .tabs .btn-group {
        width: 260px !important;
        margin-left: -130px !important;
        font-size: .85em !important
    }

    .constructor_electro .tabs .btn-group .btn {
        padding: 8px 8px 8px 18px !important
    }

    .constructor_electro .tabs .btn-group i.fa {
        padding-right: 5px !important
    }

    .shadowNav {
        display: none
    }

    .navbox .nav .usertab {
        padding-right: 20px !important
    }

    .allsheet {
        width: 120% !important;
        left: -10%;
        top: -10%;
        transform: scale(.8)
    }
}

@media (max-width: 910px) {
    .typeroll {
        width:70px !important;
        margin-left: 0 !important
    }

    .typeroll .menuName {
        display: none
    }

    .typeroll:hover {
        width: 310px !important
    }

    .rightTabblock {
        margin-right: 0 !important
    }

    .newMaket {
        padding: 22px 10px 25px 24px
    }

    .tabs .transBtn {
        margin: 0 1px
    }

    .banketTable .fastlinks .btn,.planTable .fastlinks .btn {
        transform: scale(.8);
        margin-left: 0
    }

    .banketTable .trGuest .tableSelect::after,.planTable .trGuest .tableSelect::after {
        display: none
    }
}

@media (max-width: 850px) {
    .banketTable .trGuest [data-name=Count]::after {
        display:none
    }

    #dashboard button,#dashboard a.buttonStyle {
        transform: scale(.8)
    }

    #dashboard button .fa-mobile,#dashboard a.buttonStyle .fa-mobile {
        left: 34px;
        top: 5px
    }

    .statElectro {
        margin-left: 0
    }

    .statElectro .answered {
        visibility: hidden
    }

    .label,.fastlinks a.btn,.statElectro div:not(.linkGuests) {
        transform: scale(.8)
    }

    .fastlinks a.btn {
        margin-left: 0 !important
    }

    .statElectro div:not(.linkGuests) {
        width: 38px !important
    }
}

#NativeRegModal .modal-dialog {
    width: 100% !important
}

@media (max-width: 900px) {
    .header_cabinet .nav {
        width:535px
    }

    .header_cabinet .nav .navy {
        margin: 7px 6px 0 6px
    }

    .header_cabinet .nav .navy .NextArr {
        display: none !important
    }
}

@media (max-width: 767px) {
    .variants {
        margin-left:16px
    }

    .variants .cardBottom {
        align-items: stretch !important;
        flex-direction: column !important;
        justify-content: center !important
    }

    .variants .cardBtn {
        visibility: visible !important;
        margin-top: 15px
    }

    .basic_box {
        margin-left: 0 !important
    }

    .electro_mobile .phoneview {
        left: 50%
    }

    .header_cabinet {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .header_cabinet .user {
        right: 0 !important;
        position: relative !important
    }

    .usertab div {
        position: absolute
    }

    .placeForIframe_box {
        display: none
    }

    .iframeNative {
        margin: 0 !important
    }

    .iframeNative .formNative_box {
        position: relative;
        top: inherit;
        right: inherit;
        width: 100%;
        align-items: center;
        justify-content: space-around
    }

    #placeForIframe {
        display: none
    }

    .razdelVariantModal {
        display: none
    }

    .asya {
        animation: none !important
    }

    .dbelement {
        min-height: 190px;
        margin-top: 15px
    }

    .typeroll .menuName {
        display: block
    }

    .mainBtnMenu {
        display: flex
    }

    .btn-call2action {
        transform: scale(1)
    }

    #newEnterModal .modal-content {
        width: 100%;
        max-width: 450px;
        padding: 22px 44px;
        margin: auto
    }

    .noauth .logo {
        width: 65vw
    }

    .formNative {
        animation: none !important;
        opacity: 1 !important;
        justify-content: flex-start !important
    }

    .formNative>.visible-xs {
        position: relative;
        top: 8%
    }

    .formNative .electroBlock {
        width: 144px;
        height: 280px
    }

    .formNative .electroBlock .EBscreen {
        height: 249px;
        width: 130px
    }

    .formNative .electroBlock .domain {
        display: none
    }

    .formNative .img {
        height: 110px !important;
        width: 110px !important;
        border-radius: 50px !important;
        background-color: #e5e9ee;
        margin: 170px 16px 20px 15px !important;
        z-index: 3;
        position: relative;
        background-size: cover;
        background-position-y: 50%
    }

    #NativeRegModal .btn-call2action {
        animation-delay: .5s !important
    }

    .showlogin {
        margin-top: 20px
    }

    .menuVariantButton {
        display: none
    }

    .shadowMenuStatic,.menuVariants {
        z-index: 10
    }

    .menuVariants_box {
        margin-left: -84px;
        min-width: 300px
    }

    .menuStylePreview {
        margin-right: 15px;
        margin-bottom: 10px !important;
        padding-top: 0 !important;
        margin-top: 0 !important
    }

    .one_mv {
        padding-right: 0 !important
    }

    #phoneviewBox {
        top: -11px;
        position: relative
    }

    .saveBtn {
        float: left;
        position: relative;
        top: 0;
        right: 0;
        margin: 7px 0 0 7px;
        padding: 9px 16px
    }

    .actionModalBtn span {
        display: none
    }

    #cboxWrapper {
        transform: scale(.7);
        margin-left: -10%
    }

    #cboxWrapper #cboxBottomCenter {
        width: inherit
    }

    #cboxWrapper #viewMaket {
        padding: 0
    }

    #cboxWrapper #cboxClose {
        left: 0 !important
    }

    .fontcontrol .family .dropdown-menu,.fontcontrol .color .dropdown-menu {
        margin-left: 50%
    }

    .banketTable .guestControl,.planTable .guestControl {
        display: block !important;
        top: 26px !important;
        right: 0 !important
    }

    .banketTable .guestControl .btn,.planTable .guestControl .btn {
        top: -18px !important;
        right: 0 !important;
        margin-right: 0 !important
    }

    .banketTable .guestControl .btn:not(.editGuest),.planTable .guestControl .btn:not(.editGuest) {
        transform: scale(.9)
    }

    .banketTable .guestControl .editGuest,.planTable .guestControl .editGuest,.banketTable .guestControl .editTable,.planTable .guestControl .editTable {
        background: none !important;
        box-shadow: none !important;
        top: -25px !important;
        margin-right: 2px !important
    }

    .banketTable .label,.planTable .label {
        float: left !important
    }

    .banketTable [data-name=Count],.planTable [data-name=Count] {
        margin-left: 10px
    }

    .fff_pod {
        background: rgba(0,0,0,0) !important
    }

    #dashboard .header .action_button {
        width: 100%;
        margin: 0 0 !important
    }

    #dashboard .header .action_button:first-child {
        margin-top: 10px !important
    }

    #dashboard .header .action_button:last-child {
        margin-bottom: 10px !important
    }

    .showTrGuests,.showTable {
        margin: 15px 0
    }

    .showTrGuests a,.showTable a {
        width: initial !important;
        margin: 0 !important
    }

    #myModal .guestOne .invTitle {
        display: block !important
    }

    #myModal .dearData label {
        text-align: right;
        margin-top: 12px;
        text-align: left;
        margin-bottom: 12px
    }

    .zoomCanvas {
        left: 38% !important;
        background: none !important;
        margin: auto
    }

    .zoomCanvas .btn {
        background: rgba(50,49,62,0.58) !important
    }

    .shadowNav {
        width: 100%;
        margin-top: -20px;
        z-index: 1;
        height: 84px;
        background: linear-gradient(270deg,#f5f5f8,transparent)
    }

    .shadowMenu,.shadowMenuStatic {
        display: none
    }

    .nextStyle {
        border-radius: 50px !important;
        float: right;
        right: 30px;
        position: absolute
    }

    .nextStyle:hover {
        background: #111
    }

    .addnewStyle {
        top: 73px;
        padding-bottom: 40px;
        display: block;
        margin-right: 30px
    }

    .backStyles {
        font-size: .8em;
        width: 170px;
        float: left;
        margin-left: 0;
        border-radius: 20px;
        margin-top: -2px;
        padding: 5px
    }

    .topMenu {
        width: initial;
        right: -14px;
        top: 7px
    }

    .topMenu a.navy {
        transform: scale(.8);
        margin-left: 0;
        margin-top: 0
    }

    .topMenu .tomainmenu {
        display: none
    }

    .nameSheet {
        top: 50% !important;
        left: 50% !important;
        width: 100px !important;
        margin-left: -52px !important
    }

    .swipeSheet {
        display: block;
        transform: scale(1);
        background: rgba(64,60,78,0.722) !important;
        border-radius: 0 !important
    }

    .leftSheet {
        left: 10px !important;
        border-bottom-right-radius: 50px !important;
        border-top-right-radius: 50px !important
    }

    .rightSheet {
        border-bottom-left-radius: 50px !important;
        border-top-left-radius: 50px !important
    }

    .allGuestBox .dropdown-menu {
        position: relative
    }

    .allGuestBox .editGuest {
        right: 28px !important;
        top: -18px !important;
        color: #000 !important;
        box-shadow: none !important;
        opacity: 100% !important;
        background: none !important
    }

    .allGuestBox .countInv {
        margin-top: 2px;
        left: -5px
    }

    .allGuestBox .linkGuests {
        display: none
    }

    .allGuestBox .label {
        transform: scale(.8);
        margin-bottom: 0 !important
    }

    .allGuestBox .moreGuest .electroLink {
        padding: 6px 9px
    }

    .allGuestBox .moreGuest .dropPreview {
        margin-left: -3px
    }

    .allGuestBox button,.allGuestBox a.buttonStyle,.allGuestBox .moreGuest .electroLink {
        transform: scale(.8);
        min-height: 36px
    }

    .allGuestBox .unpublic {
        display: none
    }

    .allGuestBox .groupInvite {
        margin-top: 3px;
        padding-left: 25px
    }

    .allGuestBox .groupInvite .groupInfo {
        margin-left: -5px !important
    }

    .allGuestBox .groupInvite .groupInfo .moreGuest {
        margin-left: -32px
    }

    .allGuestBox .groupInvite .groupInfo .guestTitle {
        margin-left: 14px;
        margin-bottom: 8px;
        margin-right: 20px
    }

    .allGuestBox .groupInvite .groupInfo .guestTitle span {
        margin-left: 15px
    }

    .allGuestBox .groupInvite .groupInfo .oneGuest {
        margin-left: 40px !important
    }

    .allGuestBox .groupInvite .guestStatus .label {
        position: absolute;
        right: -10px;
        bottom: 42px
    }

    .allGuestBox .guests .guestControl,.allGuestBox .tables .guestControl {
        display: none
    }

    .allGuestBox [data-name=Electro] .invIcon .fa-mobile {
        float: left;
        color: #a78e86;
        width: 25px;
        font-size: 32px;
        padding: 2px 6px;
        margin-left: 4px
    }

    .allGuestBox .fastlinks {
        float: left;
        clear: both;
        margin-left: 5px
    }

    .allGuestBox .fastlinks .fa-mobile {
        width: 25px;
        font-size: 35px !important;
        padding: 0 5px !important;
        margin-left: 0 !important
    }

    .allGuestBox [data-name=Paper] .label {
        margin-left: -13px
    }

    .allGuestBox [data-name=Paper] button {
        width: 40px !important;
        padding: 8px 12px
    }

    .allGuestBox [data-name=Paper] .dropdown {
        float: left;
        margin-left: 3px
    }

    .allGuestBox [data-name=Paper] .invIcon .fa-file {
        float: left;
        font-size: 13pt;
        padding: 9px 10px;
        width: 26px;
        color: #a78e86
    }

    .allGuestBox .trGuest .label,.allGuestBox .trTable .label {
        margin-right: 10px
    }

    .helpMe {
        float: right !important;
        margin-bottom: 5px;
        margin-top: -5px
    }

    .form-group input.first-input {
        border-radius: 17px;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    .form-group input.last-input {
        border-radius: 17px;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .textLine.hoverborder {
        border-color: rgba(0,0,0,0) !important
    }

    .sheet#envelope {
        top: 20%
    }

    .accountTabControl .nav-tabs a {
        font-size: 1.7em
    }

    .modalheader {
        margin-left: 33.33333333%
    }

    .modalheader .user {
        display: none
    }

    .btnGet {
        float: initial
    }

    .printCounting {
        margin: -20px
    }

    .printCounting label {
        clear: both;
        display: block
    }

    .fullMenuFinishBox {
        display: none !important
    }

    #eventFinishTab {
        display: block !important
    }

    #eventFinishTab .ourBenefit {
        display: none !important
    }

    .phoneview {
        margin-top: -20px;
        left: 45%;
        height: 100%;
        top: -1%;
        margin-left: -259px;
        transform: scale(.9) !important
    }

    .domainAdd {
        width: 320px;
        margin-left: -10px
    }

    .domainAdd .btn.addDomain {
        margin-top: 10px;
        width: 100%;
        clear: both;
        margin-left: -15px
    }

    .modal-dialog {
        max-width: 600px;
        margin: auto
    }

    .dbelement .title {
        font-size: 1.2em;
        margin-bottom: 10px
    }

    .fullMenuFinish .menuFinishRazdel {
        width: 300px !important;
        margin-left: -150px !important
    }

    .fullMenuFinish .menuFinishRazdel a {
        width: 150px !important
    }

    [data-name=Electro] button {
        width: initial !important
    }

    #colorbox .sheet {
        transform: scale(.6)
    }

    .allGuestBox .dropdown-menu {
        right: 0;
        left: initial !important
    }

    .allGuestBox .dropdown-menu a {
        width: 100%
    }

    .allGuestBox .dropdown a {
        width: 100%
    }

    #allsheetBox {
        margin-left: 85px;
        overflow: scroll;
        height: 100%
    }

    .allsheet {
        top: -8%
    }

    .typerollBox {
        position: absolute;
        left: 13px;
        top: 0
    }

    .typerollMenu {
        left: -3px;
        position: absolute;
        top: 10px;
        display: block !important
    }

    #sheetcontrol .fontcontrol {
        color: #fff
    }

    .typeroll {
        left: 0 !important;
        width: 290px !important;
        top: 0 !important;
        padding-bottom: 30px;
        background: rgba(50,47,63,0.95) !important
    }

    .typeroll .elementtype {
        padding: 0 0 0 12px !important;
        height: 34px !important;
        font-size: .8em
    }

    .typeroll .elementtype .menuName {
        background: rgba(50,47,63,0.9) !important
    }

    .typeroll .elementtype .nametype {
        margin: 3px 14px !important;
        display: block !important
    }

    .typeroll .elementtype .fa-stack {
        transform: scale(.8);
        margin-top: -3px;
        color: #fff
    }

    .typeroll .typerollClose {
        font-family: Rotonda Bold;
        font-size: 2em;
        transform: rotate(45deg);
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        cursor: pointer;
        color: #fff
    }

    .navbox .nav {
        width: 652px
    }

    .navbox .nav .user {
        display: none
    }

    .greyzone {
        padding: 13px !important;
        position: relative !important;
        height: 44px !important;
        float: left !important;
        top: initial !important;
        background: #312f44;
        border-radius: 5px !important;
        box-shadow: 0 0 7px 3px rgba(0,0,0,0.15);
        margin-left: 7px !important;
        margin-top: 7px !important
    }

    .greyzone .fa {
        color: #8c8d94;
        font-size: .9em
    }

    .greyzone b {
        display: none
    }

    .helpEnvelope,.helpSeatingPlan {
        right: 0% !important;
        font-family: Rotonda Bold
    }

    .revers {
        top: initial !important;
        left: initial !important
    }

    .loadtext {
        top: 120px !important
    }

    .loadtext span {
        display: none
    }

    .loadingName {
        text-transform: capitalize
    }

    #NativeRegModal .modal-content {
        max-width: 500px;
        margin: auto
    }

    #NativeRegModal .modal-dialog {
        width: 100% !important;
        margin-left: 0
    }

    #NativeRegModal .form-horizontal {
        padding: 0 30px
    }

    .btn-call2action {
        transform: scale(1)
    }

    .modal-footer .btn-call2action {
        margin-right: 0
    }

    .logo_aqua {
        height: 80px
    }

    .bigStylePreview {
        max-width: 100% !important;
        float: initial;
        max-width: 250px !important;
        padding: 20px 10px
    }

    .bigStylePreview .preview {
        float: initial;
        margin: auto
    }

    .bigStylePreview .colors {
        width: 280px
    }

    .sheetview {
        margin-left: 0
    }

    .middlesheet .sheetview {
        margin-top: 10%
    }

    .steparea {
        background: none !important;
        border-top: 0 solid #979797 !important
    }

    .contenttab {
        margin-top: 10px;
        font-size: .9em
    }

    .contenttab .sitecontrol .more {
        padding: 0
    }

    .hint_content .hint {
        margin-top: 40px;
        position: relative;
        font-size: .9em;
        padding: 10px;
        padding-left: 15px
    }

    .hint_content .hint .hint_icon {
        width: 100%;
        margin-left: auto;
        background-position: 50% 100%
    }

    .hint_content .hint ul {
        margin-left: -35px;
        margin-right: -10px
    }

    .basic .header h1 {
        margin: 35px 20px 10px 20px !important;
        text-align: center
    }

    .basic .header button {
        margin: 30px 5px !important
    }

    .basic .tableSelect .btn {
        width: 36px !important;
        height: 34px !important;
        min-height: initial !important
    }

    .dropPreview span {
        font-size: .85em
    }

    #modalDomain .domainAdd {
        font-size: .9em;
        margin: auto
    }

    #modalDomain .domainAdd input {
        width: 150px
    }

    #modalDomain .statusDomain {
        text-align: center
    }

    .header_cabinet {
        justify-content: space-between
    }

    .header_cabinet .NVbox {
        display: flex;
        max-width: fit-content !important;
        flex-wrap: nowrap;
        align-items: center;
        align-content: center
    }

    .header_cabinet .NVbox span {
        color: #fff;
        margin-left: 16px
    }

    .header_cabinet .user {
        right: 0;
        position: absolute;
        width: 67px;
        border-radius: 26px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        height: 65px;
        background: #e0e3e8
    }

    .header_cabinet .user .usertab {
        padding-right: 10px !important
    }

    .header_cabinet .user .caret {
        margin-left: 42px
    }

    .header_cabinet .user .dropdown-menu {
        position: fixed;
        top: 40%;
        width: 200px;
        left: 40%
    }

    .constructor_header .navy.active {
        background-image: none !important
    }

    .constructor_header .user {
        background: #312f44 !important
    }
}

@media (max-width: 560px) {
    .nameVariantBox {
        font-size:.9em
    }

    .variants {
        padding: 0;
        width: 100%;
        margin-left: 0
    }

    .variants .variant {
        border-radius: 0 !important
    }

    .variants .varContainer {
        transform: scale(1);
        margin-bottom: 35px !important
    }

    .variants .varContainer .paperBlock {
        transform: scale(.85)
    }

    .variants .varContainer .electroBlock {
        right: -5% !important;
        top: 1% !important;
        transform: scale(.85)
    }

    .element1{
        left: -106px!important;
    }

    .nameTitle {
        font-size: 1.2em;
        padding: 6px
    }

    button.jscolor,input.jscolor {
        width: initial !important
    }

    .showHex {
        display: none
    }

    #NativeRegModal .form-horizontal {
        padding: 0 30px
    }

    .shadowMenuStatic,.menuVariants_box,.menuVariants {
        z-index: 10;
        min-width: 300px
    }

    .menuStylePreview {
        margin-bottom: 0 !important
    }

    .razdelSaleModal {
        margin-left: -140px;
        font-size: 1.28em;
        width: 280px
    }

    .razdelSaleModal span {
        display: none
    }

    .razdelSaleModal span i.fa {
        display: block !important
    }
}

@media (max-width: 500px) {
    .variants .varContainer {
        border-radius:0;
        box-shadow: 8px 8px 11px 3px rgba(58,60,61,0.231)
    }
}

@media (max-width: 425px) {
    #NativeRegModal .itsMe span {
        font-size:.9em
    }

    .modal-content .modal-header {
        padding: 0 !important
    }

    .allGuestBox .guestStatus .label {
        margin-left: 19px;
        position: relative !important;
        right: initial !important;
        bottom: initial !important
    }

    .menuVariants_fixed {
        padding-top: 12px
    }

    .topMenu {
        right: 0;
        top: 0;
        margin: 0
    }

    .topMenu .entermenu {
        border-top-right-radius: 0;
        margin-right: -6px;
        margin-top: 19px;
        background: #e0e3e8;
        border-bottom-right-radius: 0
    }

    .topMenu .tomainmenu {
        display: none
    }

    .swipeSheet {
        transform: scale(.8)
    }

    .leftSheet {
        left: -7px !important
    }

    .rightSheet {
        right: -7px !important
    }

    .sheetview[link=seatingCard] {
        transform: scale(.8);
        margin-left: 0%
    }

    .modal-body .dbelement {
        margin: auto;
        margin-top: 10px;
        padding: 0 !important;
        font-size: .9em
    }

    .modal-body .dbelement span.dopinfo.underradio {
        padding: 0 48px 19px 19px
    }

    .guestAgreement {
        max-width: initial !important
    }

    .phoneview {
        left: 44%;
        height: 132%;
        top: -21%;
        margin-left: -259px;
        transform: scale(.63) !important
    }

    .domainAdd {
        margin-left: 0
    }

    .domainAdd .btn.addDomain {
        width: 90%
    }

    .answered {
        margin: -8px -17px
    }

    #modalDomain .domainAdd {
        margin: auto
    }

    #modalDomain .domainAdd input {
        width: 115px
    }

    .modal-body .alert {
        font-size: .85em
    }

    .mySiteLink {
        padding: 10px 0;
        width: 80%;
        font-size: 1em
    }

    .mySiteLink .fa-globe {
        display: none
    }

    .mySiteLink .fa-cog {
        float: left
    }

    .finishRazdel .dbelement {
        padding: 15px 5px 20px 5px !important
    }

    .finishRazdel .row {
        overflow: hidden
    }

    [data-name=TableSeating] .btn {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .guests,.tables {
        font-size: .95em
    }

    .fl-nomeeting {
        margin-left: 3px !important
    }

    .hidden-xs-425 {
        display: none !important
    }

    .showlogin {
        padding: 15px !important
    }

    .form-group {
        margin-bottom: 10px
    }

    input.form-control:not(.countInv) {
        padding: 18px;
        font-size: 1em
    }

    .itsMe {
        width: 72px !important;
        height: 38px !important;
        border-radius: 40px !important;
        right: 15px !important;
        top: 0 !important;
        padding: 10px !important
    }

    .stylechoose {
        padding: 0
    }

    .stylechoose .style {
        padding: 0
    }

    .slider .slide:hover .middle_content .btn-call2action {
        margin-left: 0
    }

    .bigStylePreview {
        width: 108%;
        min-width: fit-content;
        max-width: 312px
    }

    .variants .varContainer {
        margin: auto;
        min-width: auto !important
    }

    .modal-body {
        padding: 0
    }

    .modal-content .underlink {
        width: 100%;
        font-family: Montserrat;
        text-align: left
    }

    .steparea .btn-group {
        float: right !important
    }

    .header .action_button {
        padding: 12px 21px
    }
}

@media (max-width: 375px) {
    #NativeRegModal .form-horizontal {
        padding:0 0
    }

    .bigStylePreview {
        margin: auto
    }

    .bigStylePreview .colors {
        width: initial
    }

    .variants .varContainer .cardTitleSub {
        display: none
    }

    .variants .varContainer .cardTags {
        margin-top: 14px
    }

    .fl-nomeeting {
        margin-left: 3px !important
    }
}

@media (max-width: 320px) {
    .greyzone {
        margin-left:2px !important
    }

    .formNative_box {
        padding-top: 4vh !important
    }

    .iframeNative .modal-content {
        padding: 1vh !important
    }

    .iframeNative .modal-content .form-group {
        margin-left: 0 !important
    }

    .nameVariantBox .naming_box {
        margin-left: -100px !important
    }

    .panelTopCanvas {
        margin-left: 0 !important
    }

    .leftSheet {
        left: -15px !important
    }

    .rightSheet {
        right: -15px !important
    }

    .sheetview[link=seatingCard] {
        margin-left: -10%
    }

    .phoneview {
        border-radius: 0
    }

    .phoneview .screen {
        border-radius: 0
    }

    .phoneview .screen .mymenu {
        border-radius: 0 !important
    }

    .phoneview::before,.phoneview::after {
        display: none;
        content: inherit
    }

    .electro_mobile .phoneview {
        transform: scale(.96) !important;
        padding-top: 0;
        margin-top: -16px
    }

    .modalheader {
        font-size: .7em
    }

    .modalheader .closeModal {
        font-size: 16px
    }

    .header .action_button {
        padding: 10px 8px;
        font-size: 1em;
        margin: 10px 10px !important
    }

    .tabs .btn-group {
        width: 120px !important;
        margin-left: -60px !important
    }

    .tabs .btn-group .btn {
        padding: 12px 25px !important
    }

    .tabs .btn-group .btn span {
        display: none
    }

    .allsheet .sheet {
        transform: scale(.9)
    }

    .fl-nomeeting {
        margin-top: 4px !important
    }
}

.infinity {
    transform: rotate(90deg);
    display: inline-block;
    font-family: serif;
    font-size: 1.1em;
    position: relative;
    color: #000;
    left: 4px
}

body {
    background: #eff0f5
}

.btn-primary-disabled {
    background: #9ac3e4
}

.btn-opros {
    border-radius: 10px;
    padding: 6px 12px
}

.bgblocks {
    background: #fff !important
}

.minitext {
    font-size: .9em
}

.fa.editEvent,.fa.editOpros,.fa.upHTML,.fa.downHTML,.fa.addOpros,.fa.delOpros {
    color: #fff !important;
    font-size: 1em !important
}

.fa.editEvent:hover,.fa.editOpros:hover,.fa.upHTML:hover,.fa.downHTML:hover,.fa.addOpros:hover,.fa.delOpros:hover {
    transform: scale(1.2)
}

#timetable tr:last-child .downHTML,#opros tr:last-child .downHTML {
    display: none
}

#timetable tr:nth-child(2) .upHTML,#opros tr:nth-child(2) .upHTML {
    display: none
}

.coloricon {
    color: #1d5486;
    cursor: pointer
}

.coloricon:hover {
    color: #5c5c5c
}

.error {
    color: #cb0000
}

td.minitext {
    max-width: 300px
}

.icon_ring {
    background: url("/src/img/icon_ring.png");
    height: 53px;
    width: 200%;
    min-width: 25px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_groom {
    background: url("/src/img/groom1.svg");
    float: left;
    height: 34px;
    width: 20px;
    min-width: 20px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_bride {
    background: url("/src/img/bride1.svg");
    float: left;
    height: 34px;
    width: 34px;
    min-width: 20px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_admin {
    background: url("/src/img/icon_admin.png");
    float: left;
    height: 34px;
    width: 20px;
    min-width: 20px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_designer {
    background: url("/src/img/icon_designer.png");
    float: left;
    height: 34px;
    width: 20px;
    min-width: 20px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_cal {
    background: url("/src/img/icon_cal.png");
    float: left;
    height: 34px;
    margin-right: 7px;
    margin-top: -6px;
    width: 25px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_mail {
    background: url("/src/img/icon_mail.png");
    float: left;
    margin: auto;
    height: 34px;
    margin-right: 7px;
    margin-top: -6px;
    width: 25px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

#emailModal .icon_mail {
    height: 39px;
    margin-right: 22px;
    margin-top: -3px;
    width: 42px
}

.icon_cool_paper {
    background: url("/src/img/paper.svg");
    margin: auto;
    height: 34px;
    width: 131%;
    min-width: 25px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.icon_cool_electro {
    background: url("/src/img/electro.svg");
    margin: auto;
    height: 34px;
    width: 131%;
    min-width: 25px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.icon_palitra {
    background: url("/src/img/styles.svg");
    margin: auto;
    height: 50px;
    width: 200%;
    min-width: 25px;
    max-width: 50px;
    margin-left: -10px;
    background-size: contain;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.icon_cool {
    background: url("/src/img/invite.svg");
    margin: auto;
    height: 34px;
    width: 131%;
    min-width: 25px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.icon_cool_banket {
    background: url("/src/img/banket.svg");
    margin: auto;
    height: 34px;
    width: 131%;
    min-width: 25px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.hint_content {
    max-width: 800px;
    margin-left: 10px;
    float: right;
    animation: showHint 1s 1 both .2s;
    animation-play-state: paused
}

.hint {
    font-weight: 500;
    font-family: Montserrat;
    padding: 25px;
    background-color: #fff;
    border-radius: 10px;
    font-size: .95em;
    line-height: 1.6em;
    margin: 30px auto
}

.hint h4 {
    font-weight: 800
}

.hint .col-sm-11 {
    animation: showHintTxt 1.5s 1 both .6s
}

.hint .corner {
    content: '';
    position: absolute;
    right: 0%;
    margin-right: -20px;
    top: 70px;
    border: 20px solid transparent;
    border-left: 20px solid #fff
}

.hint.white {
    background: rgba(255,255,255,0.4);
    border: 4px solid #fff
}

.hint.brown {
    background: rgba(253,228,193,0.651);
    border: #fde4c1;
    border-radius: 20px;
    color: #555
}

.hint .corner_mobile {
    border-right: 20px solid #fff !important;
    top: -3.5% !important;
    right: 37% !important;
    height: 20px;
    border-left: 20px solid rgba(0,0,0,0) !important
}

.hint .fa {
    font-size: 2.6em
}

.hint li {
    margin-bottom: 5px
}

.hint ul {
    margin-top: 10px
}

h1 {
    font-size: 1.7em
}

.basic_nofix {
    margin-top: 0 !important
}

.onlyPreviewTabel .btn-style-one,.onlyPreviewTabel .label,.onlyPreviewTabel .groupInvite .fastlink:not(.electroLink),.onlyPreviewTabel .fastlinks .fl-comment,.onlyPreviewTabel .fastlinks .fl-opros {
    display: none !important
}

.onlyPreviewTabel .groupInvite .btn-style-two {
    margin-top: 15px
}

.guestCard .fa-stack {
    position: relative;
    display: block;
    height: 1em;
    float: left;
    top: 2px
}

.guestCard .fa-stack .fa-file {
    top: -2px;
    left: -6px;
    position: absolute;
    font-size: 15pt
}

.guestCard .fa-stack .fa-user,.guestCard .fa-stack .fa-circle-o,.guestCard .fa-stack .fa-list-ul {
    left: -3px;
    position: absolute;
    font-size: 8pt;
    top: 6px;
    color: #b0d8fe !important
}

.basic_box {
    margin-left: 85px
}

.basic {
    max-width: 1200px;
    margin: auto
}

.basic textarea {
    font-size: 1em;
    padding: 10px 20px;
    max-width: 600px;
    margin: auto;
    display: block
}

.basic .header button {
    float: right;
    margin: auto;
    margin: 20px 20px;
    padding: 10px 20px
}

.basic .header button,.basic .header h1 {
    position: relative;
    display: block
}

.basic .header h1 {
    font-size: 1.6em;
    margin: 40px 10px 10px 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #000 !important
}

.basic .boxTableView {
    margin: 20px
}

.basic .showTrGuests,.basic .showTable {
    float: right;
    right: 0
}

.basic .showTrGuests .btn,.basic .showTable .btn {
    padding: 4px 10px;
    font-size: 10pt
}

.basic .showTable {
    float: left
}

.basic .allGuestBox {
    margin-left: 15px;
    margin-right: 15px
}

.basic .allGuestBox .fa {
    margin-right: 5px
}

.basic .allGuestBox .fa-edit,.basic .allGuestBox .fa-trash {
    margin-left: 5px !important;
    font-size: 17px
}

.basic .allGuestBox .fa-trash {
    color: #b32e69
}

.basic .allGuestBox .label-info {
    color: #64abe6 !important;
    border: 2px solid #79beff !important
}

.basic .allGuestBox .label {
    background-color: rgba(47,37,37,0);
    color: #000;
    font-size: .9em;
    display: block;
    float: left;
    padding: 2px;
    min-width: 180px
}

.basic .allGuestBox .label .fa {
    height: 2em;
    line-height: 2em
}

.basic .allGuestBox .label .fa-stack .fa {
    height: 1em;
    line-height: 1em
}

.basic .guests,.basic .tables {
    font-family: Rotonda;
    border-radius: 5px
}

.basic .guests .btn,.basic .tables .btn {
    min-height: 36px;
    z-index: 1
}

.basic .guests .trGuest:last-child,.basic .tables .trGuest:last-child {
    border-bottom: 0 solid #d4d7e8
}

.basic .guests .trGuest,.basic .tables .trGuest,.basic .guests .trTable,.basic .tables .trTable {
    background: #fff;
    border-left: 3px solid #cfe1f3;
    border-bottom: 1px solid rgba(222,223,228,0.529);
    border-right: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,0)
}

.basic .guests [data-name=TableSeating] .fastlinks,.basic .tables [data-name=TableSeating] .fastlinks {
    float: left
}

.basic .guests .aboutBox,.basic .tables .aboutBox {
    color: #000
}

.basic .undertext span {
    margin-right: 10px
}

.basic .banketTable .tableContent,.basic .planTable .tableContent {
    display: none
}

.basic .banketTable .label,.basic .planTable .label {
    float: right;
    min-width: 50px !important;
    width: initial;
    margin-right: 10px;
    padding: 1px 4px 3px 8px
}

.basic .banketTable .label .fa-stack,.basic .planTable .label .fa-stack {
    margin-left: 0
}

.basic .banketTable .yesBanketLabel,.basic .planTable .yesBanketLabel,.basic .banketTable .noBanketLabel,.basic .planTable .noBanketLabel {
    display: none
}

.basic .banketTable .editInv,.basic .planTable .editInv {
    position: absolute !important;
    cursor: pointer;
    left: -27px;
    transition: all .5s ease-out 0s !important
}

.basic .banketTable .editInv .fa-users,.basic .planTable .editInv .fa-users {
    color: #8c9fb5 !important
}

.basic .banketTable .editInv:hover .fa-users,.basic .planTable .editInv:hover .fa-users {
    color: #777 !important
}

.basic .banketTable .fastlinks,.basic .planTable .fastlinks {
    min-width: initial
}

.basic .banketTable .fastlinks .guestCard[type=seatingCard],.basic .planTable .fastlinks .guestCard[type=seatingCard] {
    position: relative;
    left: -4px
}

.basic .banketTable .fastlinks .guestCard[type=seatingCard]:after,.basic .planTable .fastlinks .guestCard[type=seatingCard]:after {
    content: "";
    background: rgba(141,160,181,0.49);
    float: left;
    position: absolute;
    right: -8px;
    top: 0;
    height: 35px;
    width: 1px;
    z-index: 1
}

.basic .banketTable [data-name=Count],.basic .planTable [data-name=Count] {
    float: left;
    position: absolute;
    left: -25px;
    top: 2px
}

.basic .banketTable .editGuest,.basic .planTable .editGuest,.basic .banketTable .editTable,.basic .planTable .editTable {
    position: relative;
    transition: initial;
    top: initial;
    margin-top: initial !important;
    min-width: 36px
}

.basic .banketTable .trGuest,.basic .planTable .trGuest,.basic .banketTable .trTable,.basic .planTable .trTable {
    position: relative;
    border-bottom: 1px solid rgba(222,223,228,0.529) !important
}

.basic .banketTable .trGuest [data-name=Count],.basic .planTable .trGuest [data-name=Count],.basic .banketTable .trTable [data-name=Count],.basic .planTable .trTable [data-name=Count] {
    border: 2px solid #d2d8e2;
    background: #fff;
    padding: 7px 5px;
    height: 25px;
    border-radius: 30px;
    padding-top: 3px;
    top: -4px;
    left: -35px
}

.basic .banketTable .guestBox,.basic .planTable .guestBox,.basic .banketTable .tableBox,.basic .planTable .tableBox {
    margin-bottom: 0
}

.basic .banketTable .guestBox .trGuest:not(:last-child) [data-name=Count],.basic .planTable .guestBox .trGuest:not(:last-child) [data-name=Count],.basic .banketTable .tableBox .trGuest:not(:last-child) [data-name=Count],.basic .planTable .tableBox .trGuest:not(:last-child) [data-name=Count] {
    border: 2px solid #d2d8e2;
    min-width: 30px;
    background: #fff;
    padding: 7px 5px;
    height: 25px;
    border-radius: 30px;
    padding-top: 3px;
    top: -4px;
    left: -35px
}

.basic .banketTable .guestBox .trGuest:not(:last-child) [data-name=Count]:after,.basic .planTable .guestBox .trGuest:not(:last-child) [data-name=Count]:after,.basic .banketTable .tableBox .trGuest:not(:last-child) [data-name=Count]:after,.basic .planTable .tableBox .trGuest:not(:last-child) [data-name=Count]:after {
    content: "";
    background: #8c9fb5;
    float: left;
    position: relative;
    top: 20px;
    left: 6px;
    height: 44px;
    width: 2px;
    z-index: 1
}

.basic .banketTable .guestControl,.basic .planTable .guestControl {
    position: absolute;
    right: 0
}

.basic .banketTable .guestControl .btn,.basic .planTable .guestControl .btn {
    width: 38px !important;
    height: 38px !important;
    float: right !important;
    background: #111;
    border-radius: 30px;
    box-shadow: 1px 1px 6px 0 rgba(193,194,204,0.902);
    position: relative;
    padding-left: 17px;
    transition: all .5s ease-out 0s !important;
    right: -170px;
    margin-right: 10px;
    margin-left: 0;
    opacity: 0%
}

.basic .banketTable .guestControl .editGuest,.basic .planTable .guestControl .editGuest,.basic .banketTable .guestControl .editTable,.basic .planTable .guestControl .editTable {
    padding-left: 5px
}

.basic .banketTable .guestControl .fa,.basic .planTable .guestControl .fa {
    float: left
}

.basic .banketTable .guestControl .fa-coffee,.basic .planTable .guestControl .fa-coffee {
    left: 9px;
    top: -1px;
    font-size: 14pt;
    line-height: 18pt;
    color: #fff !important
}

.basic .banketTable .guestControl .fa-ban,.basic .planTable .guestControl .fa-ban,.basic .banketTable .guestControl .fa-check-circle,.basic .planTable .guestControl .fa-check-circle {
    left: 18px;
    top: -25px;
    font-size: 10pt
}

.basic .banketTable .guestControl .fff_pod,.basic .planTable .guestControl .fff_pod {
    left: 27px;
    top: 15px
}

.basic .banketTable .guestControl .fl-yesmeeting .fa-coffee,.basic .planTable .guestControl .fl-yesmeeting .fa-coffee {
    left: 6px;
    top: -1px;
    color: #5ec170
}

.basic .banketTable .guestControl .fl-yesmeeting .fa-check-circle,.basic .planTable .guestControl .fl-yesmeeting .fa-check-circle {
    left: 16px;
    top: -22px;
    font-size: 10pt
}

.basic .banketTable .guestControl .fl-yesmeeting .fff_pod,.basic .planTable .guestControl .fl-yesmeeting .fff_pod {
    left: 24px;
    top: 10px
}

.basic .banketTable .trGuest:hover .guestControl .btn,.basic .planTable .trGuest:hover .guestControl .btn {
    opacity: 100%;
    right: -10px
}

.basic .banketTable .trGuest:hover .editInv,.basic .planTable .trGuest:hover .editInv {
    left: -62px
}

.basic .banketTable .trTable:hover .editTable,.basic .planTable .trTable:hover .editTable {
    right: 0
}

.basic .guestBox,.basic .tableBox {
    margin-bottom: 0
}

.basic .guestBox .guests,.basic .tableBox .guests,.basic .guestBox .tables,.basic .tableBox .tables {
    margin: 0 20px 15px;
    box-shadow: 4px 2px 7px 2px rgba(141,160,181,0.22)
}

.basic .guestBox .guests .trGuest,.basic .tableBox .guests .trGuest,.basic .guestBox .tables .trGuest,.basic .tableBox .tables .trGuest,.basic .guestBox .guests .trTable,.basic .tableBox .guests .trTable,.basic .guestBox .tables .trTable,.basic .tableBox .tables .trTable {
    background: #f8faff
}

.basic .guestBox .guests .trGuest:first-child,.basic .tableBox .guests .trGuest:first-child,.basic .guestBox .tables .trGuest:first-child,.basic .tableBox .tables .trGuest:first-child {
    box-shadow: inset -1px 7px 5px 0 #eff0f5;
    border-top: 1px solid #dce1ea
}

.basic .guestBox .guests .trGuest:first-child:hover,.basic .tableBox .guests .trGuest:first-child:hover,.basic .guestBox .tables .trGuest:first-child:hover,.basic .tableBox .tables .trGuest:first-child:hover {
    box-shadow: inset -1px 7px 5px 0 rgba(220,204,180,0.361) !important
}

.basic .guestBox .guests .trGuest:last-child,.basic .tableBox .guests .trGuest:last-child,.basic .guestBox .tables .trGuest:last-child,.basic .tableBox .tables .trGuest:last-child {
    border-bottom: 1px solid #dce1ea
}

.basic .guestBox .guests .editGuest,.basic .tableBox .guests .editGuest,.basic .guestBox .tables .editGuest,.basic .tableBox .tables .editGuest,.basic .guestBox .guests .editTable,.basic .tableBox .guests .editTable,.basic .guestBox .tables .editTable,.basic .tableBox .tables .editTable {
    right: -90px;
    margin-top: 0
}

.basic .guestControl {
    position: relative
}

.basic .guestControl .editGuest,.basic .guestControl .editTable {
    cursor: pointer;
    position: absolute;
    transition: all .5s ease-out 0s;
    background: #000;
    color: #fff;
    border-radius: 30px;
    padding: 10px 5px 4px 5px;
    top: 50%;
    right: -30px;
    margin-top: -20px;
    opacity: 0%
}

.basic .trGuest:hover .delGuest,.basic .groupInvite:hover .delGuest,.basic .trTable:hover .delGuest {
    right: 15px
}

.basic .trGuest:hover .editGuest,.basic .groupInvite:hover .editGuest,.basic .trTable:hover .editGuest,.basic .trGuest:hover .editTable,.basic .groupInvite:hover .editTable,.basic .trTable:hover .editTable {
    right: 40px;
    opacity: 100%
}

.basic .trGuest:hover .btn-style-one,.basic .groupInvite:hover .btn-style-one,.basic .trTable:hover .btn-style-one {
    background: #ffbda8
}

.basic .trGuest:hover .btn-style-two,.basic .groupInvite:hover .btn-style-two,.basic .trTable:hover .btn-style-two {
    background: #b0d7ff
}

.basic .trGuest:hover .editGuest,.basic .trTable:hover .editGuest,.basic .trGuest:hover .editTable,.basic .trTable:hover .editTable {
    right: 10px
}

.basic .trGuest,.basic .trTable {
    padding: 10px
}

.basic .trTable .countGuest {
    margin-left: 15px
}

.basic .trTable .openGuest {
    display: none
}

.basic .guests .trGuest:not(.noBanket):not(.yesAgree):not(.noAgree):not(.sendStatus):hover {
    background-color: #fff6e9 !important
}

.basic .guests .trGuest:not(.noBanket):not(.yesAgree):not(.noAgree):not(.sendStatus):hover .btn-style-one {
    background: #ffbda8
}

.basic .guests .trGuest:not(.noBanket):not(.yesAgree):not(.noAgree):not(.sendStatus):hover .btn-style-two {
    background: #b0d7ff
}

.basic .sendStatus {
    border-left: 3px solid #56adf7 !important
}

.basic .sendStatus .invIcon .fa {
    color: #64abe6 !important
}

.basic .sendStatus:hover {
    border: 1px solid rgba(85,173,247,0.31);
    background: #f3f9fd !important
}

.basic .answeredInv .answered {
    display: block !important
}

.basic .answeredInv .showMoreGuest span[data-name=CountGuest] {
    background: #f3613e;
    color: #fff
}

.basic .yesAgree {
    background-color: #f1fff4 !important;
    color: #00ac46;
    border-left: 3px solid #00ac46 !important
}

.basic .yesAgree .guestTitle span {
    color: #1aaf3a
}

.basic .yesAgree [data-name=Name],.basic .yesAgree .guestTitle,.basic .yesAgree .guestTitle .fa {
    color: #00ac46 !important
}

.basic .yesAgree .label-success {
    color: #00ac46;
    border: 2px solid #00ac46;
    font-weight: bold
}

.basic .yesAgree .label-success .fa-user {
    color: #00ac46 !important
}

.basic .yesAgree .fa-user {
    color: #00ac46
}

.basic .yesAgree:hover {
    background-color: #edf9f0 !important;
    border: 1px solid rgba(93,204,118,0.302)
}

.basic .yesAgree .btn-style-one {
    background: #f9cc8e
}

.basic .yesAgree .btn-style-two {
    background: #b0d7ff
}

.basic .yesAgree .fl-yesmeeting {
    display: none
}

.basic .noAgree,.basic .noBanket {
    background-color: #fff3f8 !important;
    color: #f3613e;
    border-left: 3px solid #f3613e !important
}

.basic .noAgree [data-name=Name],.basic .noBanket [data-name=Name],.basic .noAgree .guestTitle .fa,.basic .noBanket .guestTitle .fa {
    color: #f3613e !important
}

.basic .noAgree .guestTitle span,.basic .noBanket .guestTitle span {
    color: #f3613e
}

.basic .noAgree .fa-user,.basic .noBanket .fa-user {
    color: #f3613e
}

.basic .noAgree .label-danger,.basic .noBanket .label-danger {
    color: #f3623e;
    border: 2px solid #f3613e
}

.basic .noAgree .label-danger .fa-user,.basic .noBanket .label-danger .fa-user {
    color: #f3613e !important
}

.basic .noAgree:hover,.basic .noBanket:hover {
    background-color: #f9eef3 !important;
    border: 1px solid rgba(244,97,162,0.349)
}

.basic .noAgree .btn-style-one,.basic .noBanket .btn-style-one {
    background: #f9cc8e
}

.basic .noAgree .btn-style-two,.basic .noBanket .btn-style-two {
    background: #b0d7ff
}

.basic .noAgree .fastlinks .fl-opros,.basic .noBanket .fastlinks .fl-opros,.basic .noAgree .fastlinks .guestCard,.basic .noBanket .fastlinks .guestCard,.basic .noAgree .fastlinks .tableSelect,.basic .noBanket .fastlinks .tableSelect {
    visibility: hidden
}

.basic .noAgree .fl-nomeeting,.basic .noBanket .fl-nomeeting {
    display: none
}

.basic .noBanket b[data-name=Name] {
    text-decoration: line-through
}

.basic .noBanket [data-name=Count] {
    display: none
}

.basic .noBanket .fl-yesmeeting {
    display: block !important
}

.basic .noBanket .noBanketLabel {
    display: block !important
}

.basic .noBanket .yesBanketLabel {
    display: none
}

.basic .noBanket .editInv {
    display: none
}

.basic .noBanket .label-success {
    border-color: #a6b5c6 !important
}

.basic .noBanket .label-success .fa {
    color: #a6b5c6 !important
}

.basic .yesBanket {
    background-color: #f1fff4 !important;
    color: #487f00;
    border-left: 3px solid #00ac46 !important
}

.basic .yesBanket .guestTitle span {
    color: #487f00
}

.basic .yesBanket [data-name=Name],.basic .yesBanket .guestTitle,.basic .yesBanket .guestTitle .fa {
    color: #487f00 !important
}

.basic .yesBanket .label-success {
    color: #00ac46;
    border: 2px solid #00ac46;
    font-weight: bold
}

.basic .yesBanket .fa-user {
    color: #00ac46
}

.basic .yesBanket:hover {
    background-color: #edf9f0 !important;
    border: 1px solid rgba(93,204,118,0.302)
}

.basic .yesBanket .btn-style-one {
    background: #f9cc8e
}

.basic .yesBanket .btn-style-two {
    background: #b0d7ff
}

.basic .yesBanket .fl-yesmeeting {
    display: none
}

.basic .yesBanket .fl-nomeeting {
    display: block
}

.basic .yesBanket .noBanketLabel {
    display: none
}

.basic .yesBanket .yesBanketLabel {
    display: block !important
}

.basic .yesBanket .label-danger {
    border-color: #a6b5c6 !important
}

.basic .yesBanket .label-danger .fa {
    color: #a6b5c6 !important
}

.basic [type=checkbox] {
    font-size: 1.8em
}

.basic .tdcheck {
    text-align: center
}

.basic [data-name=Name],.basic [data-name=Sex] {
    font-family: Rotonda;
    font-size: 1em;
    font-weight: 400
}

.basic .label {
    font-family: Rotonda;
    border-radius: 20px
}

.basic [data-name=Count] {
    text-align: center;
    font-family: Rotonda;
    color: #7d7372;
    font-size: 1em
}

.basic [data-name=Price] {
    font-size: 1em;
    text-align: center
}

.basic [data-name=Alert_text] {
    max-width: 200px;
    font-size: .8em
}

.noUi-horizontal {
    background: rgba(255,255,255,0.471) !important;
    border: 0 solid #55575d !important;
    box-shadow: none !important;
    cursor: pointer;
    height: 5px !important;
    top: 4px
}

.noUi-handle {
    background: #f3613e;
    border: 1px solid #eeb6a8;
    box-shadow: none !important;
    height: 22px !important;
    border-radius: 10px !important;
    top: -8px !important
}

.noUi-handle:after,.noUi-handle:before {
    background: #111 !important;
    top: 3px !important
}

.asya_content {
    margin-top: 30px
}

.asya {
    background: url("/src/img/asa.png?1");
    animation: scale100 1s 1 both paused;
    height: 200px;
    width: 11px;
    float: left;
    position: relative;
    width: 132px;
    text-align: center;
    border-radius: 25px;
    border: 5px solid #fff;
    transition: all .5s ease-out 0s;
    background-size: 110%;
    background-position: 25% 50%;
    background-repeat: no-repeat
}

.list_sn {
    float: left;
    clear: both;
    margin-top: 14px
}

.list_sn a {
    transition: all .3s ease-out 0s;
    margin: 1px;
    padding: 6px 10px;
    width: 35px;
    float: left;
    display: block;
    border-radius: 30px
}

.list_sn a .fa {
    font-size: 1.2em;
    color: #000
}

.list_sn a:hover {
    background: rgba(255,161,139,0.388);
    transform: scale(1.15)
}

.list_sn a:nth-child(1) {
    animation: topFade .5s 1 both 1.5s paused
}

.list_sn a:nth-child(2) {
    animation: topFade .5s 1 both 2s paused
}

.list_sn a:nth-child(3) {
    animation: topFade .5s 1 both 2.5s paused
}

.list_sn a:nth-child(4) {
    animation: topFade .5s 1 both 3s paused
}

.asya_mobile {
    border-radius: 40px;
    height: 80px;
    width: 80px;
    position: absolute;
    top: -35px;
    right: 5%;
    overflow: hidden;
    background: #ffe8ba;
    box-shadow: 1px 1px 0 1px #000
}

.asya_mobile .asya {
    top: -48%;
    left: -6%;
    background-size: 76%;
    background-position: -26% 40%
}

@-moz-keyframes topFade {
    0% {
        opacity: 0;
        margin-top: -30px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes topFade {
    0% {
        opacity: 0;
        margin-top: -30px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@-o-keyframes topFade {
    0% {
        opacity: 0;
        margin-top: -30px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes topFade {
    0% {
        opacity: 0;
        margin-top: -30px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes fadeRise {
    0% {
        opacity: 0;
        bottom: -200px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-webkit-keyframes fadeRise {
    0% {
        opacity: 0;
        bottom: -200px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-o-keyframes fadeRise {
    0% {
        opacity: 0;
        bottom: -200px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@keyframes fadeRise {
    0% {
        opacity: 0;
        bottom: -200px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}

@-moz-keyframes rightGo {
    0% {
        left: 80%;
        opacity: 0
    }

    100% {
        left: 0%;
        opacity: 1
    }
}

@-webkit-keyframes rightGo {
    0% {
        left: 80%;
        opacity: 0
    }

    100% {
        left: 0%;
        opacity: 1
    }
}

@-o-keyframes rightGo {
    0% {
        left: 80%;
        opacity: 0
    }

    100% {
        left: 0%;
        opacity: 1
    }
}

@keyframes rightGo {
    0% {
        left: 80%;
        opacity: 0
    }

    100% {
        left: 0%;
        opacity: 1
    }
}

@-moz-keyframes shineBox {
    0% {
        box-shadow: 0 0 0 0 rgba(202,120,233,0.651)
    }

    50% {
        box-shadow: 1px 1px 17px 0 rgba(202,120,233,0.651)
    }

    100% {
        box-shadow: 1px 1px 5px 0 rgba(202,120,233,0.651)
    }
}

@-webkit-keyframes shineBox {
    0% {
        box-shadow: 0 0 0 0 rgba(202,120,233,0.651)
    }

    50% {
        box-shadow: 1px 1px 17px 0 rgba(202,120,233,0.651)
    }

    100% {
        box-shadow: 1px 1px 5px 0 rgba(202,120,233,0.651)
    }
}

@-o-keyframes shineBox {
    0% {
        box-shadow: 0 0 0 0 rgba(202,120,233,0.651)
    }

    50% {
        box-shadow: 1px 1px 17px 0 rgba(202,120,233,0.651)
    }

    100% {
        box-shadow: 1px 1px 5px 0 rgba(202,120,233,0.651)
    }
}

@keyframes shineBox {
    0% {
        box-shadow: 0 0 0 0 rgba(202,120,233,0.651)
    }

    50% {
        box-shadow: 1px 1px 17px 0 rgba(202,120,233,0.651)
    }

    100% {
        box-shadow: 1px 1px 5px 0 rgba(202,120,233,0.651)
    }
}

@-moz-keyframes showHint {
    0% {
        transform: skewY(0deg) scale(.5) perspective(10px);
        margin-right: -20%;
        opacity: 0
    }

    100% {
        transform: skewY(0deg) scale(1) perspective(0);
        margin-right: 0%;
        opacity: 1
    }
}

@-webkit-keyframes showHint {
    0% {
        transform: skewY(0deg) scale(.5) perspective(10px);
        margin-right: -20%;
        opacity: 0
    }

    100% {
        transform: skewY(0deg) scale(1) perspective(0);
        margin-right: 0%;
        opacity: 1
    }
}

@-o-keyframes showHint {
    0% {
        transform: skewY(0deg) scale(.5) perspective(10px);
        margin-right: -20%;
        opacity: 0
    }

    100% {
        transform: skewY(0deg) scale(1) perspective(0);
        margin-right: 0%;
        opacity: 1
    }
}

@keyframes showHint {
    0% {
        transform: skewY(0deg) scale(.5) perspective(10px);
        margin-right: -20%;
        opacity: 0
    }

    100% {
        transform: skewY(0deg) scale(1) perspective(0);
        margin-right: 0%;
        opacity: 1
    }
}

@-moz-keyframes showHintTxt {
    0% {
        display: none;
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes showHintTxt {
    0% {
        display: none;
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-o-keyframes showHintTxt {
    0% {
        display: none;
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes showHintTxt {
    0% {
        display: none;
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-moz-keyframes scale100 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes scale100 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-o-keyframes scale100 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes scale100 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

/*# sourceMappingURL=cabinet.css.map */