html {
    font-size: inherit;
}

.top-line-menu {
    position: relative;
    z-index: 1;
}

.elem-lico {
    position: relative;
}

.elem-lico small {
    background-color: #f46464;
    position: absolute;
    left: 22px;
    top: -10px;
    width: 15px;
    height: 15px;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 0.8;
    font-weight: 400;
    font-size: 11px;
    color: #fff;
    text-align: center;
}

.btn-primary {
    color: #ffffff;
    background: #125dcd;
}

.btn-primary:hover {
    color: #000000;
    background-color: #e7e7e7;

}

.btn-danger {
    color: #ffffff;
    background-color: #dc3545;
}

.btn-danger:hover {
    color: #ffffff;
    background: #bd2130;
    -webkit-filter: brightness(121%);
    filter: brightness(121%);
}

.btn-info {
    color: #ffffff;
    background-color: #17a2b8;
}

.btn-info:hover {
    color: #ffffff;
    -webkit-filter: brightness(121%);
    filter: brightness(121%);
}

.hover-block .elem-img-hover {
    position: relative;
}

.more-hover {
    width: 152px;
    height: 73px;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
}

.more-hover span {
    font-weight: 600;
    color: #17469e;
    opacity: 0;
    transition: opacity .5s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.more-hover.hover-white span {
    color: #ffffff;
}

.hover-block:hover .more-hover {
    opacity: 1;
}

.more-hover path.write_item__svg__path {
    transition: stroke-dashoffset 6s ease-out;
    stroke-dasharray: 2600;
    stroke-dashoffset: 2600;
    stroke: #17469e;
    -webkit-animation: circleIn .6s;
    stroke-width: 8px;
}

.more-hover.hover-white path.write_item__svg__path {
    stroke: #fff;
}

.hover-block:hover .more-hover path.write_item__svg__path {
    stroke-dashoffset: 0;
    -webkit-animation: circleOut 2s;
}

.hover-block:hover .more-hover span {
    opacity: 1;
}

@-webkit-keyframes circleIn {
    from   { stroke-dashoffset: 0;  }
    to { stroke-dashoffset: 2600; }
}

@-webkit-keyframes circleOut {
    0%   { stroke-dashoffset: 2600;}
    100% { stroke-dashoffset: 0;}
}

/* card-item */
.e-item .more-hover {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 1;
}

.e-item.hover-block:hover .elem-img-hover img {
    opacity: .5;
}

.e-item__like {
    background: none;
}

.price-new {
    color: #f46464;
}

.price-old {
    text-decoration: line-through;
}

#common-home .s-download__oblig {
    margin-bottom: -6.00em;
}

.e-tabs__rfals:hover, .e-tabs__rfals:focus {
    text-decoration: none;
}

/* gallery */
.e-gal.hover-block .more-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.e-gal.hover-block:hover .elem-img-hover img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

/* download catalog */
.s-download .more-hover.hover-white {
    opacity: 1;
}

.s-download .more-hover.hover-white a {
    font-weight: 600;
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* e-arti */
.e-arti.hover-block .more-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.e-arti.hover-block:hover .elem-img-hover img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}


/* cart */
.table--basket tbody tr:hover {
    background-color: rgba(237, 204, 122, 0.18);
}

.table--basket:hover td, .table--basket:hover th {
    border-bottom: 1px solid rgba(237, 204, 122, 1);
}

.table--basket tbody tr:hover td, .table--basket tbody tr:hover th {
    border-bottom: 1px solid rgba(237, 204, 122, 1);
}

/* jquery-modal */
.jquery-modal .modal {
    overflow: visible;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jquery-modal .modal h5 {
    margin-bottom: 20px;
}

.jquery-modal .modal .input-input {
    height: 42px;
}

#button-call, #button-callback {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 42px;
}

/* forms */
.color__bondi-blue {
    font-weight: bold;
    color: #0f449f;
}

.form-control, input.input {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #ddd;
    padding-left: 1.14em;
    padding-right: 1.14em;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 2.84em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.e-steps__item.simple-step-current {
    border-color: #000000;
    color: #000000;
}

.simple-content input,
.simplecheckout-step input,
.radio input,
.radio-inline input {
    appearance: auto;
}

.radio {
    display: inline-block;
}

.radio + .radio {
    margin-left: 10px;
}

.simple-content .radio {
    display: block;
}

.simple-content .radio + .radio {
    margin-left: 0;
}

.checkbox input:checked + img, .radio input:checked + img {
    border-color: #cc0000;
}

.control-label {
    display: block;
}

.color-options {
    display: flex;
}
.color-options .radio, .color-options .radio +.radio,
.color-options .checkbox, .color-options .checkbox +.checkbox {
    padding: 0;
    margin: 5px;
}

.color-options label {
    padding: 0;
}

.color-options input {
    opacity: 0;
}

/* filter */
.filter-colors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter-colors > li {
    width: 14.2%;
}

.filter-colors > li.bf-disabled {
    opacity: .3;
}

.filter-colors .filter-colors__item  {
    border: 1px solid #544d4d57;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-right: 0.31em;
    margin-bottom: 6px;
    position: relative;
    overflow: hidden;
}

.filter-colors .filter-colors__item label {
    display: block;
    width: 100%;
    height: 100%;
}

.filter-colors > li:not(.bf-disabled) .filter-colors__item label:hover {
    cursor: pointer;
}

.filter-colors li.active .filter-colors__item label:after  {
    content: '';
    width: 0.37em;
    height: 0.63em;
    border-width: 0.13em;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    border-color: #ffffff;
    border-right-style: solid;
    border-bottom-style: solid;
    display: block;
    margin: 10px auto 0 auto;

}

.filter-colors .filter-colors__item input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* youtubevideo */
#modal-video {
    padding: 0;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#modal-video .mfp-close, #modal-image_360 .mfp-close {
    top: -49px;
    color: #ffffff;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 800px;
    margin: 40px auto;
    position: relative;
}

.white-popup-block .mfp-close {
    color: #333;
}

/* B-vw360 */

.b-vw360{
    background-color: #ffffff;
    border: 1px solid #ebf0ff;
    padding-left: 1.90em;
    padding-right: 1.90em;
    padding-top: 3.70em;
    padding-bottom: 1.90em;
    text-align: center;
    position: relative
}
.b-vw360__btn{
    width: 2.80em;
    height: 3.00em;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
    opacity: 0.55
}
.b-vw360__next{
    background-image: url(../img/icons/vnext.svg)
}
.b-vw360__prev{
    background-image: url(../img/icons/vnext.svg);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}
.b-vw360__play{
    background-image: url(../img/icons/vplay.svg)
}
.b-vw360__close{
    background-image: url(../img/icons/close-3d.svg);
    position: absolute;
    top: 0.70em;
    right: 0.70em
}
.b-vw360__btn:hover{
    opacity: 1
}
.b-vw360__play.stop{
    background-image: url(../img/icons/stop.svg)
}

.b-compare .ch-item {
    border-top: 1px solid #1bb19f;
    margin-top: 1rem;
    padding-top: 1rem;
}

.form-item {
    margin-bottom: 15px;
}

#modal-resume small {
    color: #cc0000;
}

#modal-resume .btn {
    font-weight: 600;
    min-height: 2.75em;
    line-height: 1;
}

.account-info {
    color: #ffffff;
    padding: 20px;
    background: rgba(149, 105, 155, 1);
    font-weight: bold;
    border-radius: 4px;
}

.account-info h5 + * {
    margin-top: 15px;
}

#information-oplata .e-we {
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#information-oplata .e-we:nth-child(1) {
    background-color: #1bb19f38;
}

#information-oplata .e-we:nth-child(2) {
    background-color: #95699b2e;
}

#information-oplata .e-we:nth-child(3) {
    background-color: #f4646436;
}

#information-oplata .e-we:nth-child(4) {
    background-color: #f4c13c2e;
}

#swiper-we .e-we:hover .color__carnation, .e-article:hover h4  {
    color: #1bb19f;
}

#swiper-for .e-icon:hover .e-icon__title {
    color: #1bb19f;
}