/*input {
    -webkit-appearance: none;
}*/
/*Обрезание текста начало*/
/*#dot{
    height: 600px;
}*/
.textarea {
    width: 100%;
    line-height: 26px;
    height: 150px;
    border-radius: 2px;
    border: 1px solid #ddd;
    transition: .3s;
    background: #fff;
    padding: 10px 20px;
    color: #6e6558;
    font-size: 15px;
}


#dot.opened .toggle .close {
    display: inline;
}

/*Обрезание текста конец*/

.addToFavorite .loader {
    width: 25px;
    position: relative;
    top: 5px;
}

.pravila .uhod {
    width: 5%;
}

.pravila .uhod img {
    vertical-align: middle;
}

.cloths-list {
    height: 255px;
}

#sender-subscribe {
    min-height: 221px; /*275px;*/
}

select[name=SET_CITY] {
    -webkit-appearance: none;
    border: none;
    background: 0 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 0;
    min-width: 10px;
    border-radius: 0;
    line-height: 1.2;
    max-width: 430px;
    width: auto !important;
    color: #c7b799;
    position: relative;
    border-bottom: 1px dashed rgba(199, 183, 153, .5);
    font-size: 18px;
}

.marg-bot-25 {
    margin-bottom: 25px;
}

.pop-up.bottom:before {
    bottom: -29px;
    right: 45%;
    transform: rotate(-90deg);
    top: inherit;
}

.pop-up.danger:before {
    border-right-color: #fff;
}

.pop-up:before {
    display: block;
    border: 15px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 30px;
    right: 100%;
}

.pop-up:before, .process:before {
    content: '';
}

.popup-window-close-icon {
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    background: url(/local/templates/main/arcticmodal/cross.png) no-repeat 0 0;
    cursor: pointer;
    outline: none;
    margin-right: -5px;
    right: -51px;
    top: -51px;
    background-size: contain;
}

.popup-window-close-icon:hover {
    background: url(/local/templates/main/arcticmodal/cross.png) no-repeat 0 0;
    background-size: contain;
}

.box-modal {
    /*display: none;*/
}

.float-r {
    float: right;
}

.float-l {
    float: left;
}

.display-inline {
    display: inline-block;
}

.main-footer {
    position: relative;

}

.favorites-list .item.hover {
    z-index: 2;
}

.favorites-list .item.hover .control-buttons a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.favorites-list .item.hover .control-buttons a:nth-child(1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.favorites-list .item.hover .control-buttons a:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.favorites-list .item.hover .control-buttons a:nth-child(3) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.favorites-list .item.hover:not(.add-item) .inner {
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    bottom: -65px;
}

.favorites-list .item.hover:not(.add-item) .helptext {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: .3s .1s;
    transition: .3s .1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.favorites-list .item.hover:not(.add-item) .helptext:before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.favorites-list .item.hover.add-item .inner a {
    background: #f2eee7;
}

.checkbox input:disabled ~ label:before {
    font-size: 12px;
    background: #F3F3F3;
    border-color: #DDDDDD;
    color: #F3F3F3;
}

.checkbox input:disabled:checked  ~ label:before {
    background: #edd9b7;
}

.checkbox input:disabled ~ label {
    color: #DDDDDD;
}

/* alerts */
.pay-tooltip .title,
.pay-tooltip.danger .title {
    background-size: contain;
    font-family: 'PT Serif', serif;
}

@media (max-width: 716px) {
    .pay-tooltip .title, .pay-tooltip.danger .title {
        background-size: 20%;
    }

    .pay-tooltip .title, .pay-tooltip.danger .title.contain {
        background-size: contain;
    }
}

.pay-tooltip .title.block {
    width: 15%;
    height: 100%;
    display: inline-block;
    position: relative;
    background-size: contain;
    padding: 0;
}

.pay-tooltip.bottom:before {
    bottom: -30px;
    right: 48.5%;
    transform: rotate(-90deg);
    top: inherit;
}

.pay-tooltip.top:before {
    right: 50%;
    top: -28px;
    transform: rotate(90deg);
}

.pay-tooltip.top {
    margin-top: 20px;
}

.pay-tooltip h4.order.title,
.pay-tooltip.danger h4.order.title {
    background-size: 20%;
}

/* region catalog elements */
.lep-blocks {
    width: 75%;
    margin: 0 auto;
}

/* region textile */
.tekstil-blocks {
    width: 80%;
    margin: 0 auto;
}

.cloths-list {
    overflow: hidden;
    margin: 0 auto;
}

/*.cloths-list.c1 {
    width: 40%;
}
.cloths-list.c2 {
    width: 55%;
}*/
.cloths-list .item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 2;
    box-shadow: 0 0 40px rgba(0, 0, 0, .8);
}

/*
.cloths-list .item {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
*/
.cloths-list .item {
    -webkit-transition: all cubic-bezier(0.6, 0.85, 0.28, 0.77) 0.5s;
    -moz-transition: all cubic-bezier(0.6, 0.85, 0.28, 0.77) 0.5s;
    -o-transition: all cubic-bezier(0.6, 0.85, 0.28, 0.77) 0.5s;
    transition: all cubic-bezier(0.6, 0.85, 0.28, 0.77) 0.5s;

}

.cloths-list .item.active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.cloths-list .item .outer {
    width: 100%;
    height: 100%;
}

.cloths-list .item .outer img {
    width: 100%;
    /*height: auto;*/
}

/* ebd textile */

/* image in gallery must be square*/
.gallery .image {
    padding-top: 100%;
}

/*.catalog-item .image {
    padding-top: 100%;
}*/

/* end catalog elements*/

/* element zoom*/
.zoomy {
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    border: 0;
    /*cursor: url(blank.gif), move;*/
    /*cursor: pointer;*/
    line-height: 100px;
    text-align: center;
    /*background-image: url(loading.gif);*/
    background-position: center;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 3px 3px 10px #000;
    -webkit-box-shadow: 3px 3px 10px #000;
    -moz-box-shadow: 3px 3px 10px #000;
    cursor: none;
}

.zoomy span {
    display: block;
    margin: 10px auto;
    background: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5)));
    background: -moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);
}

.zoomy img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.zoomy a {
    color: #333;
    text-decoration: none;
}

.broke a {
    display: block;
    height: 100%;
    width: 100%;
}

#brokeZoomy {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    background: #fff url(broke.gif) center no-repeat;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

/* end element zoom*/
ul.colors-filter.sizes li {
    float: left;
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 8px;
}

ul.colors-filter.sizes li a {
    color: #010000;
}

ul.colors-filter.sizes li.active {
    border: solid 3px;

}

.colors-filter li.active {
    border: solid 3px;
    padding: 3px;
    width: 51px;
    height: 51px;
}

.colors-filter.sizes li a {
    color: #6e6e6e;
}

.colors-filter li label, .colors-filter li span {
    background-size: cover;
}

.btn-block.services.btn-smaller {
    font-size: 13px;
    padding: 7px 15px;
}

.btn-block.services {
    display: inline-block;
    width: auto;
}

.image.adaptive {
    padding-bottom: 80%;
}

.main-image img.r.w {
    /*
    555png
    */
    background-size: cover;
    background-repeat: no-repeat;
    /*
    666png
    background-size: 74%;
    background-repeat: no-repeat;
    background-position: 45% 2%;
    */
}

figure.main-image span.r {
    position: absolute;
    width: 111%;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    background-repeat: repeat;
    /*animation: myOrbitfon 14s linear infinite;*/
}

@keyframes myOrbitfon {
    /*0%{
        -webkit-transform: translateX(-55%);
        -webkit-filter: blur(2px);
    }
    50%{
        -webkit-transform: translateX(-50%);
        -webkit-filter: blur(2px);
    }
    100%{
        -webkit-transform: translateX(-55%);
        -webkit-filter: blur(2px);
    }*/

    0% {
        -webkit-transform: translateX(-55%) scale(1);
    }
    25% {
        -webkit-transform: translateX(-52.5%) scale(1.1);
    }
    50% {
        -webkit-transform: translateX(-50%) scale(1);
    }
    75% {
        -webkit-transform: translateX(-52.5%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-55%) scale(1);
    }

}

.bottom_pager_ajax {
    clear: both;
    width: 100%;
    height: 100%;
}

.bottom_pager_ajax img {
    height: 60px;
}


.article-nav a.selected {
    background: #f7f7f7;
    color: #c7b799;
}

/*.btn.btn-large {
    padding: 16px 10px 16px;
}*/
.add-to-cart-btn.active svg {
    margin-right: 10px;
}

.add-to-cart-btn-small svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: -20px;
    bottom: 2px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0
}

.add-to-cart-btn-small svg * {
    fill: transparent;
    stroke: #000;
    -webkit-transition: stroke-dasharray .8s, stroke .8s;
    transition: stroke-dasharray .8s, stroke .8s;
    stroke-width: 1px;
    stroke-dasharray: 0 0
}


.add-to-cart-btn-small.active .added {
    display: inline
}

.add-to-cart-btn-small.active svg {
    opacity: 1;
    margin-left: 0
}

.add-to-cart-btn-small.active svg * {
    -webkit-animation: svg-animation2 .8s cubic-bezier(.79, .01, .34, 1) forwards;
    animation: svg-animation2 .8s cubic-bezier(.79, .01, .34, 1) forwards
}

@keyframes paper-loader {
    0% {
        -moz-box-shadow: 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d;
        -webkit-box-shadow: 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d;
        box-shadow: 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d, 0 0 #ce983d;
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    12.5% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d, 30px 0 #ce983d;
    }
    25% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d, 30px 30px #ce983d;
    }
    37.5% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d, 0 30px #ce983d;
    }
    50% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d, -30px 30px #ce983d;
    }
    57.5% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px 0 #ce983d, -30px 0 #ce983d, -30px 0 #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px 0 #ce983d, -30px 0 #ce983d, -30px 0 #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px 0 #ce983d, -30px 0 #ce983d, -30px 0 #ce983d;
    }
    75% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, -30px -30px #ce983d, -30px -30px #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, -30px -30px #ce983d, -30px -30px #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, -30px -30px #ce983d, -30px -30px #ce983d;
    }
    87.5% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 0 -30px #ce983d;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 0 -30px #ce983d;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 0 -30px #ce983d;
    }
    100% {
        -moz-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 30px -30px #edd9b7;
        -webkit-box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 30px -30px #edd9b7;
        box-shadow: 30px 0 #edd9b7, 30px 30px #edd9b7, 0 30px #edd9b7, -30px 30px #edd9b7, -30px 0 #edd9b7, -30px -30px #edd9b7, 0 -30px #edd9b7, 30px -30px #edd9b7;
        -moz-transform: scale(0.33333, 0.33333);
        -ms-transform: scale(0.33333, 0.33333);
        -webkit-transform: scale(0.33333, 0.33333);
        transform: scale(0.33333, 0.33333);
    }
}

/* :not(:required) hides this rule from IE9 and below */
.paper-loader:not(:required) {
    display: inline-block;
    background: #edd9b7;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: 30px;
    -moz-animation: paper-loader 4000ms infinite linear;
    -webkit-animation: paper-loader 4000ms infinite linear;
    animation: paper-loader 4000ms infinite linear;
}

/* end preloader */

div#rotator {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    background-size: cover;
    -moz-animation: 4000ms linear;
    -webkit-animation: 4000ms linear;
    animation: 4000ms linear;
}

div#rotator ul li {
    float: left;
    position: absolute;
    list-style: none;
    height: 100%;
    width: 100%;
    background-size: cover;
}

div#rotator ul li.show {
    z-index: 2;
}

div#rotator ul {
    margin: 0;
}




@media (min-width: 1084px) and (max-width: 1440px) {
    .tile .eventage .image {
        height: 79.3% !important;
    }
}

@media (min-width: 800px) and (max-width: 1440px) {
    .tile .event .image {
        height: 78.3% !important;
    }

    .tile {
        font-size: 0.853rem;
    }

    /*.tile h3{
        font-size: 1rem;
    }*/
}

@media (min-width: 824px) and (max-width: 864px) {
    .tile .event .image {
        height: 72.3% !important;
    }
}

@media (min-width: 770px) and (max-width: 823px) {
    .tile .event .image {
        height: 64.3% !important;
    }
}

@media (max-width: 768px) {
    .arcticmodal-container {
        max-width: 100vw;
    }

    .arcticmodal-container_i2 {
        max-width: 100vw;
    }

    .arcticmodal-container_i2 [type="file"] {
        padding: 11px 13px;
        max-width: 100%;
    }

    .tile .event .image {
        height: 100% !important;
    }

    .tile .inner .image.vertical-top img {
        height: 100%;
        width: auto;
        margin-left: -45px;
    }

    .bx-filter-popup-result {
        display: none !important;
    }
}

@media (max-width: 1024px) and (min-width: 480px) {
    .catalog-item.list-type:nth-child(2n) {
        padding-left: 0;
    }

    .catalog-item.list-type:nth-child(2n) .item-helper {
        left: auto;
    }

}

@media (max-width: 470px) {
    .table.mobile-h + .table.mobile-w {
        display: table;
    }

    .table.mobile-h {
        display: none;
    }

    .image.mobile-h + .image.mobile-w {
        display: block;
    }

    .image.mobile-h {
        display: none;
    }

    .zoomy {
        display: none !important;
    }

    .box-modal_close.arcticmodal-close img, .zoom img {
        opacity: 1 !important;
    }

}

/*.logo img:first-child {
    display: inline-block;
    background: url(/local/templates/main/img/logo_full.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}*/

.points-list {
    border: none;
    position: relative;
    overflow: inherit;
}

.point-island:after {
    right: 90%;
    transform: rotate(-90deg);
    content: '';
    border-right-color: #e7ecfd;
    display: block;
    border: 15px solid transparent;
    border-right: 15px solid #f0f0f0;
    position: absolute;
}

/*.points-list .table .cell div:first-child ul:first-child li{
    padding: 10px 35px;
}*/
.points-list .title {
    color: #000;
}

.points-list ul li:not(.active) span + span {
    color: #c7b799;
}

.points-list ul li span + span {
    clear: right;
    display: block;
}

.points-list ul li.active {
    color: #fff;
}

.points-list .table {
    background: #f7f4f4;
}

.points-list ul li:not(:last-child) {
    border: none;
}

.slider-wrapper .slider .owl-next, .slider-wrapper .slider .owl-prev {
    font-size: 46px;
    color: #000;
}

.points-list.point-island li {
    color: #999999;
}

.points-list ul li.active {
    background: #edd9b7;
    /*box-shadow: -5px 0 0 0 #edd9b7, 5px 0 0 0 #edd9b7;*/
}

@media (max-width: 768px) {
    .points-list .cell.not.tabs {
        display: block;
        width: 100%;
    }

    .center--t {
        text-align: center
    }

    /*.points-list .table {
        display: block;
    }
*/
    .c--m {
        display: inline-block;
    }

    h3.point-title.active {
        color: #c7b799;
        border-color: #c7b799;
    }

    h3.point-title {
        margin: 0;
        font-size: 24px;
        font-weight: 300;
        background: #f7f4f4;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
        border-bottom: solid 3px #fff;
        color: #999999;
    }

    /*.points-list .table .cell div:first-child ul:first-child li {
        padding: 10px 0px;
    }*/
    .phone-point {
        display: block;
    }

    /*.point-title {
        display: inline-block;
    }*/
    .points-list .selectBox {
        max-width: 80%;
        margin-bottom: 20px;
        font-size: 20px;
        display: inline-flex;
    }

    .points-list {
        overflow: inherit;
    }

    .points-list .selectBox-arrow-point {
        font-family: icomoon !important;
        border: none;
        display: block;
        width: 40px;
        height: 40px;
        font-size: 10px;
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -15px;
        text-align: center;
        line-height: 40px;
        overflow: hidden;
    }

    .points-list .selectBox-arrow-point:before {
        content: "\e901";
    }

    .points-list:after {
        content: none;
    }

    .points-list ul li {
        position: relative;
        overflow: hidden;
    }

    .points-list ul li::after {
        transition: .2s;
        -webkit-transition: .2s;
        transition-timing-function: ease-out;
        left: 200%;
        content: "\e901";
        font-family: icomoon !important;
        width: 15px;
        height: 15px;
        font-size: 15px;
        position: absolute;
        top: 38%;
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);

    }

    .points-list ul li:hover::after, .points-list ul li.active::after {
        left: calc(100% - 15px);

    }

    .points-list ul li span {
        clear: none;
        display: inline;
    }

}

@media (max-width: 470px) {
    .catalog-item .item-helper {
        display: none;
    }
}

@media (max-width: 320px) {
    .points-list ul li, .points-list ul li.active {
        text-align: center;
    }

    #data-block-info, .table.table-map {
        background: #f6f4f4;
    }

    h3.point-title {
        font-size: 1.7em;
        padding: 10px 0.4em;
    }

    /*.points-list .selectBox {
        max-width: 78%;
        margin-bottom: 20px;
        font-size: 22px;

    }*/
    .points-list ul li:hover::after {
        left: 200%;
    }

    .table-map img {
        max-width: 100%;
    }
}

.contacts-slider {
    min-height: 360px;
}

/* ymaps baloon */
ymaps.ymaps-2-1-42-balloon__tail {
    display: none;
}


@media (max-width: 1440px) {
    .search-col.none--d {
        display: none;
    }

    .search-col .input {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .main-nav-col.none--m {
        display: none !important;
    }

    select[name=SET_CITY] {
        font-size: 24px;
    }
}

@media (max-width: 1440px) {
    .tile .date {
        -webkit-transform: translateY(-54px);
        -ms-transform: translateY(-54px);
        transform: translateY(-54px);
    }

    .tile-grid .tile .content.text-content .title {
        height: 57px;
    }
}

.detail-small .owl-controls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.detail-small .item-slider-wrapper {
    padding-top: 100%;
}

.detail-small .owl-buttons {
    position: relative;
    height: 100%;
    width: 100%;
}

.detail-small .owl-prev:hover {
    box-shadow: inset 50px 0 50px -50px #000;
}

.detail-small .owl-next:hover {
    box-shadow: inset -50px 0 50px -50px #000;
}

.detail-small .owl-prev i, .detail-small .owl-next i {
    font-size: 25px;
}

.detail-small .owl-prev, .detail-small .owl-next {
    display: block;
    position: absolute;
    border: none;
    color: #fff;
    width: -webkit-calc(100% - 30px);
    background: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    width: 40px;
    padding: calc(50% - 20px) 0;
    height: 100%;
}

.detail-small .owl-prev {
    left: 0;
}

.detail-small .owl-next {
    right: 0;
}

ul.gamma-gallery.masonry li {
    padding: 4px;
}

/*.article img{padding: 4px;}*/
ul.gamma-gallery div[data-src] {
    min-height: 233px;
}

.title-search-result {
    z-index: 999999;
}

.title-search-result .bx_searche {
    background: #fff;
    padding: 5px;
    border-bottom: 5px solid #c9b99c;
}

@media (max-width: 1440px) {
    .tile .date {
        -webkit-transform: translateY(-54px);
        -ms-transform: translateY(-54px);
        transform: translateY(-54px);
    }

    .tile-grid .tile .content.text-content .title {
        height: 57px;
    }
}

.detail-small .owl-controls {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.detail-small .item-slider-wrapper {
    padding-top: 100%;
}

.detail-small .owl-buttons {
    position: relative;
    height: 100%;
    width: 100%;
}

.detail-small .owl-prev:hover {
    box-shadow: inset 50px 0 50px -50px #000;
}

.detail-small .owl-next:hover {
    box-shadow: inset -50px 0 50px -50px #000;
}

.detail-small .owl-prev i, .detail-small .owl-next i {
    font-size: 25px;
}

.detail-small .owl-prev, .detail-small .owl-next {
    display: block;
    position: absolute;
    border: none;
    color: #fff;
    width: -webkit-calc(100% - 30px);
    background: 0 0;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    width: 40px;
    padding: calc(50% - 20px) 0;
    height: 100%;
}

.detail-small .owl-prev {
    left: 0;
}

.detail-small .owl-next {
    right: 0;
}

ul.gamma-gallery.masonry li {
    padding: 4px;
}

/*.article img{padding: 4px;}*/
ul.gamma-gallery div[data-src] {
    min-height: 233px;
}

.title-search-result {
    z-index: 999999;
}

.title-search-result .bx_searche {
    background: #fff;
    padding: 5px;
    border-bottom: 5px solid #c9b99c;
}

.slider-wrapper .slider .owl-wrapper .item .content, .slider-wrapper .slider .owl-wrapper-outer .item .content {
    padding: 25px;
}

.slider .item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.colors-filter.razmer span.tooltip-box.top-origin.active {
    display: table;
}

ul.classic-list,
ol.classic-list {
    padding-left: 17px;
}

::-webkit-input-placeholder {
    color: #cacaca;
}

::-moz-placeholder {
    color: #cacaca;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: #cacaca;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: #cacaca;
}

.btn.btn-link:hover {
    /*color: #edd9b7;
    background: #ffffff;*/
}

.list-links {
    width: 100%;
    position: relative;
}

.list-links .list-links-item {
    display: block;
    cursor: default;
    position: relative;
    padding: 10px 20px 10px 20px;
    -webkit-transition: .1s;
    transition: .1s;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
}

.list-links .list-links-item:last-child {
    border-bottom: 0px;
}

.list-links .list-links-item:hover {
    background: #f0f0f0;
}

.tooltip.sale {
    width: 354px;
    left: 3px;
    padding: 15px;
}

.tooltip.sale a{
    color: #727272 !important;
    transition: .3s;
    border-bottom: 1px dotted #ffffff;
}

.tooltip.sale a:hover{
    border-bottom: 1px dotted #c7b799;
}


@-webkit-keyframes tooltip {
    0% {
        transform: translateY(-50%) scaleY(0);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1);
        opacity: 1;
    }
}

@keyframes tooltip {
    0% {
        transform: translateY(-50%) scaleY(0);
        opacity: 0
    }
    100% {
        transform: translateY(0) scaleY(1);
        opacity: 1
    }
}

.slider-wrapper .slider.big .owl-controls {
    text-align: center;
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 50px;
}

.slider-wrapper .slider.big .owl-pagination {
    position: relative;
    left: auto;
    right: auto;
    display: inline-block;
}

.color-palette,
.color-palette-block,
.color-palette-item {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.color-palette {
    height: 140px;
}

.color-palette-block {
    margin: 10px 0;
    height: 120px;
}

.color-palette-block .tooltip-box {
    text-align: center;
}

.color-palette-item {
    height: 100%;
}

.color-palette-block.active {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    border-bottom: 10px solid #C5BBA5;
    z-index: 7;
    height: 130px;
}

.color-palette-block:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    z-index: 7;
    height: 140px;
    margin: 0;
}

.color-palette-block:active {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.9);
    height: 145px;
}

.pulse {
    position: absolute;
    left: 20px;
    top: 22px;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 0, 0, 1);
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255, 0, 0, 1);
    animation: pulse 2s infinite;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 0;
}

.pulse:hover ,
.pulse.disable {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255,  0.7);
        box-shadow: 0 0 0 0 rgba(255, 255, 255,  0.7);
    }
    70% {
        -moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.text-hidden .text-hidden-content{
    overflow: hidden;
    height: 0;
    transition: .3s;
}

.text-hidden.active .text-hidden-content{
    height: auto;
}

.text-hidden.active [data-call]{
    display: none;
}

.sale-wrap-description{
    /*max-height: 60px;*/
}
.sale-wrap-description .sale-img{
    max-width: 50px;
}

.sale-wrap-description .sale-description{
    margin-left: 20px;
    width: auto;
}

.gold{
    color: #c7b799;
}


@media (max-width: 1024px) {
    .tooltip-sale-open .pulse,
    .sale-wrap-basket,
    .sale-wrap-description{
        display: none;
    }
}

.responsive-video {
    position: relative;
    padding-bottom: 56.5%;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.salon-contacts{
    width: 470px;
    height: 115px;
    background-color: #333333;
    padding: 27px 20px;
    float: right;
}
.salon-contacts .info{
    float: left;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #ffffff;
}
.salon-contacts button{
    width: 180px;
    height: 35px;
    border-radius: 2px;
    margin: 10px 0;
    background-color: #edd9b7;
    color: #333333;
    border: none;
}
@media (max-width: 1026px) {
    .salon-contacts{
        float: left;
    }
}
@media (max-width: 768px){
    .salon-contacts{
        width: 100%;
    }
}
@media (max-width: 460px){
    .salon-contacts{
        width: 100%;
    }
    .salon-contacts .info{
        width: 100%;
        height: auto;
    }
    .salon-contacts button{
        margin: 0;

    }
}
.textarea textarea {
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
}
@-webkit-keyframes rotation-top {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-top {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-bottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-bottom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-left {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
.spinner-eff.spinner-eff-1 .bar {
    width: 0;
    height: 0;
    border: 25px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.5;
}
.spinner-eff.spinner-eff-1 .bar-top {
    border-top: 25px solid #47A8BD;
    -webkit-animation: rotation-top 3.6s linear 0s infinite;
    animation: rotation-top 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right {
    border-right: 25px solid #47A8BD;
    -webkit-animation: rotation-right 3.6s linear 0s infinite;
    animation: rotation-right 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom {
    border-bottom: 25px solid #47A8BD;
    -webkit-animation: rotation-bottom 3.6s linear 0s infinite;
    animation: rotation-bottom 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left {
    border-left: 25px solid #47A8BD;
    -webkit-animation: rotation-left 3.6s linear 0s infinite;
    animation: rotation-left 3.6s linear 0s infinite;
}

/* spinner-2 styles */
@-webkit-keyframes scale-rotate {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    12.5% {
        -webkit-transform: scale(0.5) rotate(45deg);
        transform: scale(0.5) rotate(45deg);
    }
    25% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
    37.5% {
        -webkit-transform: scale(0.5) rotate(135deg);
        transform: scale(0.5) rotate(135deg);
    }
    50% {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
    }
    62.5% {
        -webkit-transform: scale(0.5) rotate(225deg);
        transform: scale(0.5) rotate(225deg);
    }
    75% {
        -webkit-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg);
    }
    87.5% {
        -webkit-transform: scale(0.5) rotate(315deg);
        transform: scale(0.5) rotate(315deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
    }
}
@keyframes scale-rotate {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    12.5% {
        -webkit-transform: scale(0.5) rotate(45deg);
        transform: scale(0.5) rotate(45deg);
    }
    25% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
    37.5% {
        -webkit-transform: scale(0.5) rotate(135deg);
        transform: scale(0.5) rotate(135deg);
    }
    50% {
        -webkit-transform: scale(1) rotate(180deg);
        transform: scale(1) rotate(180deg);
    }
    62.5% {
        -webkit-transform: scale(0.5) rotate(225deg);
        transform: scale(0.5) rotate(225deg);
    }
    75% {
        -webkit-transform: scale(1) rotate(270deg);
        transform: scale(1) rotate(270deg);
    }
    87.5% {
        -webkit-transform: scale(0.5) rotate(315deg);
        transform: scale(0.5) rotate(315deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(360deg);
        transform: scale(1) rotate(360deg);
    }
}
.spinner-eff.spinner-eff-2 .square {
    width: 100%;
    height: 100%;
    background-color: #F51AA4;
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: scale-rotate 3s linear 0s infinite;
    animation: scale-rotate 3s linear 0s infinite;
}

/* spinner-3 styles */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}
@keyframes pulse-2 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}
.spinner-eff.spinner-eff-3 .circle {
    border-radius: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.spinner-eff.spinner-eff-3 .circle-1 {
    width: 100%;
    height: 100%;
    background-color: #FF0000;
    top: 0;
    -webkit-animation: pulse 1.6s linear 0s infinite;
    animation: pulse 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-2 {
    width: 66.6%;
    height: 66.6%;
    background-color: #FF0000;
    top: 16.5%;
    -webkit-animation: pulse-2 1.6s linear 0s infinite;
    animation: pulse-2 1.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-3 .circle-3 {
    width: 50%;
    height: 50%;
    background-color: #FF0000;
    top: 25%;
}

/* spinner-4 styles */
.spinner-eff.spinner-eff-4 {
    -webkit-animation: rotation 12.8s steps(1) 0s infinite;
    animation: rotation 12.8s steps(1) 0s infinite;
}
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes bar-top {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes bar-top {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    12.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-webkit-keyframes bar-right {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes bar-right {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    12.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    25% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    87.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-webkit-keyframes bar-bottom {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@keyframes bar-bottom {
    0% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    25% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    37.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    75% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
    100% {
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
    }
}
@-webkit-keyframes bar-left {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes bar-left {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    37.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    62.5% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
.spinner-eff.spinner-eff-4 .bar {
    background-color: #FE4E00;
}
.spinner-eff.spinner-eff-4 .bar-top {
    width: 100%;
    height: 7px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-animation: bar-top 3.2s linear 0s infinite;
    animation: bar-top 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-right {
    width: 7px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-animation: bar-right 3.2s linear 0s infinite;
    animation: bar-right 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-bottom {
    width: 100%;
    height: 7px;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-animation: bar-bottom 3.2s linear 0s infinite;
    animation: bar-bottom 3.2s linear 0s infinite;
}
.spinner-eff.spinner-eff-4 .bar-left {
    width: 7px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-animation: bar-left 3.2s linear 0s infinite;
    animation: bar-left 3.2s linear 0s infinite;
}

/* spinner-5 styles */
@-webkit-keyframes ellipse-animation {
    0% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }
    12.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    25% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    37.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    50% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    62.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    75% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    87.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes ellipse-animation {
    0% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
    }
    12.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    25% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    37.5% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    50% {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    62.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    75% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    87.5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 0;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.spinner-eff.spinner-eff-5 .ellipse {
    width: 100%;
    height: 100%;
    background-color: #FFE314;
    border-radius: 50%;
    -webkit-animation: ellipse-animation 2.4s cubic-bezier(0, -0.26, 0.32, 1.22) 0s infinite;
    animation: ellipse-animation 2.4s cubic-bezier(0, -0.26, 0.32, 1.22) 0s infinite;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}


.new-user__form::after{
    right: -15px !important;
}


.errortext{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;

    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 30px;
    display: block;
}

.notetext{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;

    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    line-height: 30px;
    display: block;
}