#delivery2,#viewing{position:fixed;z-index:2000;padding:10px 30px 10px 20px;outline:0;font-size:100%;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;transition:visibility 1.5s ease-in-out,transform 1.5s ease-in-out;transform:translate3d(-150%,0,0);visibility:hidden}.snowSerdces,.snowSnegoks{pointer-events:none;top:0}#viewing{display:block;bottom:2%;left:2%;color:#dc143c;border-radius:7px;margin:0;border:0;font-weight:700}#delivery2.is-visible,#viewing.is-visible{transform:translate3d(0,0,0);visibility:visible}#delivery2 .close,#viewing .close{position:absolute;top:8px;right:8px;display:block;width:1em;height:1em;color:#2b2b2b;font-size:13px;cursor:pointer}#delivery2 .close::after,#delivery2 .close::before,#viewing .close::after,#viewing .close::before{content:'';position:absolute;top:0;left:.5em;height:100%;width:calc(1em / 12);margin-left:calc(1em / -24);background-color:currentColor}#delivery2 .close::before,#viewing .close::before{transform:rotate(45deg)}#delivery2 .close::after,#viewing .close::after{transform:rotate(-45deg)}#delivery2.light,#viewing.light{color:#2b2b2b;background-color:#f7f7f7}#delivery2 .layout,#viewing .layout{display:flex;align-items:center}#delivery2,.telegram-message.show,.viber-message.show{display:block}#delivery2 .body,#viewing .body{font-size:14px;line-height:1.2}#delivery2 span,#viewing span{font-weight:700;line-height:1.4;letter-spacing:.2px;text-transform:uppercase}#viewing p{font-size:14px}.wrapper__limited{padding-bottom:5px}.limited{text-align:center;padding:5px 40px;line-height:1.2em;font-size:1.3em}.limited span{background-color:#e7e7e7;padding:5px 10px}#delivery2{bottom:calc(75% + 50px);left:1,5%;-webkit-box-shadow:0 0 15px hsl(0,0%,17%,.2);box-shadow:0 0 15px hsl(0,0%,17%,.2);border-radius:7px;margin:0 0 30px;border:0}.instagram-icon,.telegram-icon,.viber-icon{width:60px;height:60px;color:#f3f3f3;border-radius:70%;animation:1.5s infinite pulse;cursor:pointer}#delivery2 .icon{font-size:45px;flex-shrink:0;margin-right:10px}.instagram-widget,.viber-widget{flex-direction:column;position:fixed;transform:translateY(-50%);display:flex;gap:10px;z-index:1990;left:10px}#delivery2 .icon svg{width:1.25em}.viber-widget{top:75%;align-items:center}.instagram-widget{top:55%;align-items:center}.telegram-widget{position:fixed;top:45%;left:10px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1990}.viber-icon{background-color:#773f97;z-index:1990}.instagram-icon{background-color:#ee84dc;z-index:1990}.telegram-icon{background-color:#84b5ee;z-index:1990}.telegram-message,.viber-message{position:absolute;display:none;background-color:#afc3ec;color:#161616;padding:10px;border-radius:9px;box-shadow:0 2px 5px rgba(0,0,0,.2);text-align:center;white-space:nowrap;left:5px;font-weight:700}.viber-message{top:65px;font-size:14px}.telegram-message{top:45px;font-size:14px}.closeT-button,.closeV-button{display:none;position:absolute;right:-155px;background:0 0;border:none;color:#131313;cursor:pointer;font-size:14px}.closeV-button{top:65px}.closeT-button:hover,.closeV-button:hover{color:#e74e4e}.closeT-button{top:45px}.floating-banner,.snowSnegoks{position:fixed;width:100%;left:0}.snowSerdce,.snowSnegok{opacity:.5;background-size:cover}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.5)}50%{transform:scale(1.3);box-shadow:0 0 10px 5px rgba(0,0,0,.2)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.3)}}.floating-banner{top:0;background-color:#c01e1e;color:#fff;padding:3px 0;font-size:14px;font-weight:600;text-align:center;z-index:1000;overflow:hidden}.marquee{display:inline-block;white-space:nowrap;animation:19s linear infinite marquee}@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.snowSnegoks{height:100%;z-index:1999}.snowSnegok{position:absolute;color:#fff;width:55px;height:55px;border-radius:30%;animation:20s linear infinite rise}@keyframes rise{0%{transform:translateY(-100%);opacity:1}100%{transform:translateY(100vh);opacity:0}}.snowSerdces{position:fixed;left:0;width:100%;height:100%}.snowSerdce{position:absolute;width:30px;height:30px;border-radius:50%;background-image:url('images/f2.png');animation:20s linear infinite rises}@keyframes rises{0%{transform:translateY(100vh);opacity:1}100%{transform:translateY(-100%);opacity:0}}#fast-delivery-widget{position:fixed;bottom:105px;left:2px;z-index:15000;padding:10px 30px 10px 70px;border-radius:5px;-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.15);box-shadow:0 0 16px 0 rgba(0,0,0,.15)}#fast-delivery-widget .fast-delivery-widget__close{display:block;width:11px;height:11px;position:absolute;top:10px;right:10px;cursor:pointer}#fast-delivery-widget .fast-delivery-widget__close:before{left:5px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#fast-delivery-widget .fast-delivery-widget__close:after{left:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#fast-delivery-widget.fast-delivery-widget_light .fast-delivery-widget__close:after,#fast-delivery-widget.fast-delivery-widget_light .fast-delivery-widget__close:before{background:#b5b5b5}#fast-delivery-widget.fast-delivery-widget_green .fast-delivery-widget__close:after,#fast-delivery-widget.fast-delivery-widget_green .fast-delivery-widget__close:before{background:#fff}#fast-delivery-widget .fast-delivery-widget__title{font-size:14px;font-weight:700;line-height:1.5em;letter-spacing:.2px}#fast-delivery-widget .fast-delivery-widget__info{line-height:1.5em;font-size:14px}#fast-delivery-widget.fast-delivery-widget_light{color:#333;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAFFklEQVRYhcXYaYydUxgH8N+t0dYyU0qLoqViryX2ZVS1tEVryRBrLJUYiYgPEiFEgk8IQiQm9lL70qIttaczidoaS60tsS+lWrdMtarjw3Pe3neue8edMcM/OXnvPec95/zfZzvPcwrNrfV6iH7YHielthQPYw4+w+paFmlpLFbsr+sBoYEYgyYcj01yYwdjMZ7FLLTh2x7s0S1imyYyJyYCA1P/EjyJ9XEUhuKM1N7GXMzAK+joLWL9MBJn4hRslxv7FPfiMXyCdbAtjhWq3R17pnZOIvkkHsVX+LOrjQtVbKwe+ycyTRiU+tsxPxF6BL9UWXcARieCY8o+qIinMR3zWhqL39RCbBgm4ARMFBKD74VRP5aef1QhVAnDMV6ouRFDcmPvYDZeQmtLY3FlObFdcTqOxm65iR/hfjyFd7tBZisckjb+INtLqHWc0MIBufeXC1XPwvSWxuInhebW+qtwPganl1YIQ50mpLOkRjL9sQvOThsPEyFkBm4VJrAmvduQSB6HI7FTbp0luKvQ3Fq/FBvlBubiYrxWI6EBGIspQuLrpf7VSs71O2Zialo/C15DE7mr0+8MvxSaW+t/KOuEn/C88KDn8FsXxCYJVRfS/w6h/qnYW0hwx9z7LwrDHybseK/cWPYxiwvNrfWLhUHeINR4rpKBrsZbeAgPiOBZjgPS2La5vvlpzn1YNxG4DCOqfNwbuAtb4Ar82C83+Bouxz64VBh+nQgbN+J1XIs90mYZ5glvuzCtsSxJ4VoswJVCcoN0xspEZizGtjQWW/BhNpiX2BTcnZvYIPR/kvCwLK6swONCXfMSkTwmJVI7V5DMl+k5HO9jVP6sPK+t4exEtpPEylEUgXRSIngLvhbGfbqIP9OFpLYRnnWhOIqGlK21BtdhctqYiJH9q21ey1nZIQLgS7gZxwiD3lVE9TG4IK2Vt6FFqU0Ux89N+CbN/0d0JbFKWIjrhWpPFp7bLo6cEUKtc3CWiFNXp3kFJVOoKXHoLrEMWe41Prf5r0JVE0Wo+E0ppmXk8s8+IZbHF+nZLkJLHpVItHcxtha9QSyTSj8ldZVjDVYJle+X+rpUaU8y2HJ0VPmdR0GEot2V4tmvusjJeoNYV8jWX1c4DJEktuF2/yOx74SjbCw8eBZeVkMK1dfE3sPhIgNZIPKumtDXxNaIA73b6A2v7BNUIzYSO/yXRMpRidhuaMWruAeH6hzB+xJrg26eWFahdKQ2WNSTr4i8/VSdq+6+wIpKxLJiZIE4765RcuvxIv+6Q41nXQ+xWfajTiknugyjRHXUhktEqjJOZAvjRPLYqzivraFBHP6TRTYLA+pwpyjhN0ezSPTm4jaRDE5LbZQImDXfP3SBDUU+15TayNzYMjxQh4vwYCI0XlQ0E1KbL1Q4U6j432KUcKbjcZiSKa0SBe8cPNHSWHw7C7BvpjZSFKBNaeJeqV0gVckik+2O1IYqXRGMxpa5sYXiymqOuCJYWwBUu1QZjINEbj9ZXDERlyivizDyhChkTxVS/Sl92PIkiYPSB07QuTBpxwviHqS1pbH4eSUC1Y6kn4X6nhFl/5S0ydY4IrX3RIGSeXOHCMr7pQ/aV6nMWylKsxmiiF7oHy5mqkmsEoaJUq4JByrZxx+JwCoRh/L148fCw2cIKf1evmhvXHV+KwrfO4XEjhNGvEEa75/acmE3sxOpRd3Yo0fEMhRFwfuUqBVPE1Isisu82eKG8W/S6Q7+AhQaQsvQfI6FAAAAAElFTkSuQmCC) 15px center no-repeat #fff}#fast-delivery-widget.fast-delivery-widget_green{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAExUlEQVRYhcWYe4hXRRTHP7s+1lLX0rSyl1iKlZqR9KA3pVhtkEllapZQUQQVPdA/pCh7kGFRGASp2UusoPQPzcpealiBJiZWupmWJK6K66rrez/9MXPdu3fvPn4/3PrCcOfO3JnznXPOzD1nSlSKRCnQD7gjlp3Ah8DnwAbgcLETA5QUQawTcA0wChgJ9Mj0VwGLgAXAMuCftiZ2UiRzG3B5JAiwA5gPHA/cCJSnxqwClgDzgG+B1mtBba6UqueoU9RKG6JSfUo9T22vlqkD1InqSvVw6ts96jL1SbWP2q4FuU0S66per85Uq1MC9qpL1fvUbs1MXKYOU2fkLGiX+r46Sj2ttcR6qxPUBeqR1GRb1NlqhdqhpdVmypnqveonalWG5Cr1haiEsjxi56svqqszA39VJ6uDCyRzunqnwcxJW4l6ofqEujwjp0ZdYnCD/gmxZ9UdqY9q1YXqGLVHAWQ6qkPU19TNal2cd6Y61OCvybfl6lXqK3HxaWxXp6LuzHR8p15SAKEy9Qb147ioBIdS9X2xvyKSSsb2Uu9Xt2Y4VJPTqLpNnaOOVDu3QKwiaidBnfqewW8mqr9l5l6sPqQ+r67I9CWL2Yr1DjlNfc6GDnpI/UF9NK4uj9il6oaMgBWGo+EU9QzDLt6Yo4AEP6kPqM/E96o0sdut30WTbGz7jepU9QIb78ze6sNxEWnX2K7OUt+0scvsN/jftWqXOM/oPGITMsLK1fGGo6MmNWGtwVQj1BPMN+3aJjSzKRbVNTljJyTESpv5KdQA7wIVwC3AdGAzcBwwDlgIfAo8AvQBBsT6eKBnZq464GXgZmBWbCsFOjb3S2pKY3mln/p4XG0alTb2ofXqZ7F+0PpTfnJsW2s4YgrWWB7WA9OAK4HRwJdALXA2cBZQTQh77gGGAFPiuBKga6y3b42gQoklSGKv4SnhewimGgG8A+wlmD1BSebZJsTS2BSftcCKTF8eidpm+o7iWBBLtFJKvbmyqAMOEkx+cWxr1qStsncLsIl6GiXA28BgoFts2wMcaUtizSGZvwNhwwD8TQi53+J/JLaFsFFOJOzgBcA3wOqWBrY1sV+A64EyYA2wu7UD25pYHbCymIHHYle2CZoi1hfo/18SySKP2CBgKbAcmA1cTcMTvC1x9NBNEzsQn8bSHbibkKjOA8bQOOs+1tiXR6x7fK4h/O9eon5bDwc+AGbQyn9dkTj5aM36hHaLIdK8IhWGnKqOM8Tpql8Z0rC8UGWb2rMVoVO2lKtj1bmpEGwXhlg/nW3XqovUW9VOqQkGmp/OFUOsiyETm6r+0TCMc6f6RvLhUPV1G2c0K9THjEloE6UQYgMNGdJiG2b6B9QfDTnuEG18RdA3Dvw6Q/BPdbp6nYWbspfBHeYYEuE01kWF3GTDfLPJS5XuhqRiruEiJUG1+oUhS0/MPCZFrGtsKzX46qs2Tkz2qvPVuww3P7kcWvKFduqgKOCvjIDVhix6UnyvUi9SH1S/N8T5CfarP6tPG+4zWryYKeTirjfhSnMUcBn1R80hQlhzkHAOdUuN+Z0Q4swDFgP7WyusmKvOcmAYIaUbCXTO9O8mXHUujKQqCxVQLLEEHYBzgbEELdYAH0VC6yhAO3n4FwMIGWoKRfvWAAAAAElFTkSuQmCC) 15px center no-repeat #67c30d;color:#fff}
.offer_section.offer2 .discount{background-image:url('images/offer2__discount_bg.png');}
.insite {
position: fixed;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
width: 100%;
height: 25px;
font-size: 15px;
font-weight: bold;
line-height: 25px;
font-stretch: ultra-condensed;
color: rgb(24, 24, 24);
background-color: #31be70d2;
z-index: 99999999;
top: 0;
left: 0;
text-align: center
}
.viber-button {
position: fixed;
bottom: 20px;
left: 20px;
width: 60px;
height: 60px;
background-color: #7b3081;
color: white;
border: none;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0.8;
}
}
.message-boxV {
position: fixed;
bottom: 30px;
left: 90px;
background: rgb(214, 214, 214);
padding: 10px 20px;
border-radius: 10px;
border: 1px solid #333;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: bold;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: all 0.3s ease-in-out;
max-width: 300px;
z-index: 10;
}
.message-boxV::after {
content: "";
position: absolute;
left: -10px;
bottom: 10px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 10px solid rgb(214, 214, 214);
}
.typingV {
display: inline-block;
}
.typingV-dots {
display: inline-block;
font-size: 14px;
line-height: 14px;
}
@keyframes typingDots {
0% {
content: "";
}
33% {
content: ".";
}
66% {
content: "..";
}
100% {
content: "...";
}
}
.typingV-dots::after {
content: "";
animation: typingDots 1.5s infinite;
}
.close-buttonV {
display: none;
position: absolute;
top: 5px;
right: 5px;
background: none;
border: none;
font-size: 14px;
cursor: pointer;
color: #333;
}
.close-buttonV:hover {
color: red;
}
/**/
.telegram-button {
position: fixed;
bottom: 20px;
left: 10px;
width: 60px;
height: 60px;
background-color: #7b3081;
color: white;
border: none;
border-radius: 50%;
font-size: 24px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
animation: pulse 1.5s infinite;
z-index: 9999;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.8;
}
50% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0.8;
}
}
.message-boxTg {
position: fixed;
bottom: 30px;
left: 80px;
background: rgb(214, 214, 214);
padding: 10px 20px;
border-radius: 10px;
border: 1px solid #333;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
font-size: 14px;
font-weight: bold;
opacity: 0;
visibility: hidden;
transform: scale(0.8);
transition: all 0.3s ease-in-out;
max-width: 300px;
z-index: 10;
}
.message-boxTg::after {
content: "";
position: absolute;
left: -10px;
bottom: 10px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 10px solid rgb(214, 214, 214);
}
.typingTg {
display: inline-block;
}
.typingTg-dots {
display: inline-block;
font-size: 14px;
line-height: 14px;
}
@keyframes typingDots {
0% {
content: "";
}
33% {
content: ".";
}
66% {
content: "..";
}
100% {
content: "...";
}
}
.typingTg-dots::after {
content: "";
animation: typingDots 1.5s infinite;
}
.close-buttonTg {
display: none;
position: absolute;
top: 5px;
right: 5px;
background: none;
border: none;
font-size: 14px;
cursor: pointer;
color: #333;
}
.close-buttonTg:hover {
color: red;
}
/**/
.button{position:relative;overflow:hidden}
.button:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),color-stop(50%,rgba(229,172,142,0)));background:linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);-ms-transform:rotate(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em);opacity:0;filter: alpha(opacity=0);z-index:1;animation:sheens 3s infinite}@keyframes sheens {
0%,
79% {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
transform: rotateZ(60deg) translate(-5em, 7.5em)
}
80% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
transform: rotateZ(60deg) translate(-5em, 7.5em)
}
95% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: rotateZ(60deg) translate(1em, -11em);
transform: rotateZ(60deg) translate(1em, -11em)
}
to {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: rotateZ(60deg) translate(1em, -9em);
transform: rotateZ(60deg) translate(1em, -9em)
}
}
/**/
.fb-reaction-blocks {
display: flex;
gap: 20px;
}
.fb-icon-with-reactions {
position: relative;
width: 60px;
height: 60px;
display: inline-block;
}
.fb-reaction-block {
position: relative;
width: 50px;
height: 50px;
display: inline-block;
margin: 10px;
}
.fb-icon {
width: 70%;
height: 70%;
background-color: #1877f2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
/* background-size: 60%; */
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.reaction-overlay {
position: absolute;
bottom: 6px;
right: -19px;
display: flex;
align-items: center;
gap: 4px;
}
.heart-icon {
width: 22px;
height: 22px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.reaction-count {
font-size: 12px;
font-weight: bold;
color: black;
}
/**/
.description_section_new {
background: #4e4e4e7c;
border-radius: 12px;
padding: 15px;
}
.title {
text-align: left;
margin-left: 0;
}
.title-text {
color: #222222;
}
.table-container {
border: 1px solid #fff;
border-radius: 8px;
overflow: hidden;
}
.size-table {
width: 100%;
border-collapse: collapse;
text-align: center;
font-size: 14px;
border: 1px solid #fff;
}
.table-headers th{
background: #3f3f3f;
color: rgb(247, 247, 247);
padding: 5px;
border: 2px solid #fff;
}
.table-body td {
padding: 7px;
font-weight: 600;
border: 2px solid #fff;
}
.last-row {
color: #222222;
}
.footer-text {
margin-top: 10px;
}
.size-table td {
padding: 7px;
border: 2px solid #fff;
}
/**/
.benefits_main {
display: flex;
justify-content: center;
gap: 20px;
}
.benefits_main .benefit_item {
width: 90px;
height: 130px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
font-size: 14px;
font-weight: bold;
background-size: 80px 80px;
background-position: top center;
background-repeat: no-repeat;
padding-top: 50px;
}
.benefits_main .delivery {
background-image: url("images/delivery_icon.png");
}
.benefits_main .payment {
background-image: url("images/many_icon.png");
}
.benefits_main .exchange {
background-image: url("images/obmen_icon.png");
}
/**/
#heart-container {
position: fixed;
right: 20px;
bottom: 20px;
width: 100px;
height: 200px;
pointer-events: none; /* Чтобы не мешало кликам по странице */
overflow: visible;
}
.heart {
position: absolute;
bottom: 0;
font-size: 20px;
color: red;
opacity: 1;
animation: rise 3s linear forwards;
}
@keyframes rise {
0% {
transform: translateY(0) scale(1);
opacity: 1;
}
50% {
transform: translateY(-100px) scale(1.2);
opacity: 0.8;
}
100% {
transform: translateY(-200px) scale(1.5);
opacity: 0;
}
}
/**/
.info_block.kvitka {
position: relative;
}
/*.info_block.kvitka::after {*/
/* content: "";*/
/* position: absolute;*/
/* bottom: -15px;*/
/* right: 0px;*/
/* width: 350px;*/
/* height: 250px;*/
/* background: url('images/lito_kvitka.png') no-repeat center center;*/
/* background-size: contain;*/
/* pointer-events: none; */
/*}*/
.info_block.kvitka::after {
content: "";
position: absolute;
bottom: -15px;
left: 186px;
width: 293px;
height: 320px;
background: url('images/lito_kvitka.png') no-repeat center center;
/*background-size: contain;*/
pointer-events: none;
}
/**/
.info_block.men{
position: relative;
}
.info_block.men::after {
content: "";
position: absolute;
bottom: 2px;
right: -10px;
width: 150px;
height: 100px;
background: url('images/quality.png') no-repeat center center;
background-size: contain;
pointer-events: none;
}
.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.8);}
.modal-content {
background-color: #fefefe;
margin: 50% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
border-radius: 8px;}.message {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-top: 20px;}.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;}.close:hover,.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;}
.reviews_section {
padding: 30px 20px;
background: #b5e7ce;
}
.reviews_section h2 {
margin: 0 0 30px;
}
.wtsp_item {
max-width: 480px;
min-height: 710px;
margin: 0 auto;
background: url(images/fon.jpg) 50% 0% repeat;
font-family: Arial, Helvetica, sans-serif;
position: relative;
overflow: hidden;
border-radius: 20px 20px 20px 20px;
}
.wtsp_item .info {
background: #ffffff url(images/top_message.png) 3px 50% no-repeat;
padding: 16px 110px 13px 50px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.35);
position: relative;
z-index: 2;
border-radius: 20px 20px 0px 0px;
text-align: left;
}
.wtsp_item .info>img {
float: left;
border-radius: 50%;
width: 42px;
border: 1px solid #0f3a33;
}
.wtsp_item .info .text {
overflow: hidden;
padding-left: 8px;
color: #333;
}
.wtsp_item .info .text>p {
font-size: 16px;
line-height: 22px;
font-weight: 700;
}
.wtsp_item .info .text>small {
font-size: 13px;
line-height: 18px;
display: block;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.wtsp_item .date {
text-align: center;
margin-top: 10px;
}
.wtsp_item .date>span {
display: inline-block;
vertical-align: top;
background: #d4ebf3;
text-transform: uppercase;
font-size: 12px;
line-height: 28px;
color: #3f5250;
padding: 0 8px;
border-radius: 7px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.wtsp_item .message_container {
margin-top: 10px;
padding: 0 12px;
}
.wtsp_item .message {
display: inline-block;
max-width: 295px;
min-width: 70px;
padding: 6px 10px;
position: relative;
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: #212121;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
}
.wtsp_item .message.client {
background: #fff;
border-radius: 0 6px 6px 6px;
}
.wtsp_item .message.client:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 0;
border-color: transparent #fff transparent transparent;
position: absolute;
top: 0;
left: -6px;
}
.wtsp_item .message>p {
margin-bottom: 5px;
text-align: left;
}
.wtsp_item .message>img {
display: block;
margin: 6px auto;
border-radius: 4px;
background: url(images/avatar1.jpg) 50% 0% repeat;
}
.wtsp_item .message .time {
text-align: right;
font-size: 14px;
line-height: 15px;
color: #989898;
padding: 0 5px;
}
.wtsp_item .message:last-child {
margin-bottom: 0;
}
.wtsp_item .message.author {
background: #c8e2fd;
border-radius: 10px 0 10px 10px;
padding: 6px 10px;
float: right;
}
.wtsp_item .message.author:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 0;
border-color: #c8e2fd transparent transparent transparent;
position: absolute;
top: 0;
right: -6px;
}
.wtsp_item .message.author .time {
padding: 0;
}
.wtsp_item .message.author .time:after {
content: "";
width: 18px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin: -2px 0 0 4px;
}
.wtsp_item:after {
content: "";
width: 404px;
height: 57px;
background: url(images/botom_message.png) 50% 50% no-repeat;
position: absolute;
left: 50%;
margin-left: -202px;
bottom: 7px;
}
/* Стили для Slick Carousel */
.slick-carousel {
position: relative;
}
/** new style**/