<!--HTML--><div class="pulse_tem"><pulse_tem1>

внешности и имена

</pulse_tem1><pulse_tem2>

Свет мой, зеркальце, скажи 

</pulse_tem2><pulse_tem3 style="    height: 84px;">

текст внех

</pulse_tem3><div class="pulse1-container"><div class="pulse1-buttons-div" style="margin: 204px 0 0 -290px !important;"><label for="input11" class="pulse1-button butt1">abcd</label><label for="input22" class="pulse1-button butt2" style="margin-left: 143px;">efgh</label><label for="input33" class="pulse1-button butt2" style="margin: 30px 0 0 0;">ijkl</label><label for="input44" class="pulse1-button butt2" style="margin: 30px 0 0 143px;">mnop</label><label for="input55" class="pulse1-button butt2" style="margin: 60px 0 0 0;">qrstu</label><label for="input66" class="pulse1-button butt2" style="margin: 60px 0 0 143px;">vwxyz</label><label for="input77" class="pulse1-button butt2" style="margin: 100px 0 0 0;">имена</label><label for="input88" class="pulse1-button butt2" style="margin: 100px 0 0 143px;">фамилии</label></div><div class="pulse1-slider"><input id="input11" class="hidden-input" type="radio" name="pulse1-slider-inputs" checked=""><input id="input22" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input33" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input44" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input55" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input66" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input77" class="hidden-input" type="radio" name="pulse1-slider-inputs"><input id="input88" class="hidden-input" type="radio" name="pulse1-slider-inputs"><div class="pulse1-slider-image" id="image11"><pulse_bank4>

<!--------------------------------------- abcd --------------------------------------->
<pb1>внешность на англ</pb1> » <a href="ссылка на профиль"><pb2>имя фамилия перса</pb2></a><br>

</pulse_bank4></div>
<div class="pulse1-slider-image" id="image22"><pulse_bank4>

<!--------------------------------------- efgh --------------------------------------->
efgh

</pulse_bank4></div>
<div class="pulse1-slider-image" id="image33"><pulse_bank4>

<!--------------------------------------- ijkl --------------------------------------->
ijkl

</pulse_bank4></div><div class="pulse1-slider-image" id="image44"><pulse_bank4>

<!--------------------------------------- mnop --------------------------------------->
mnop

</pulse_bank4></div><div class="pulse1-slider-image" id="image55"><pulse_bank4>

<!--------------------------------------- qrstu --------------------------------------->
qrstu

</pulse_bank4></div><div class="pulse1-slider-image" id="image66"><pulse_bank4>

<!--------------------------------------- vwxyz --------------------------------------->
vwxyz

</pulse_bank4></div><div class="pulse1-slider-image" id="image77"><pulse_bank4>

<!--------------------------------------- имена --------------------------------------->
имена

</pulse_bank4></div><div class="pulse1-slider-image" id="image88"><pulse_bank4>

<!--------------------------------------- фамилии --------------------------------------->
фамилии

</pulse_bank4></div></div></div></div>

<div style="height: 369px;"></div><style>.pulse1-container .hidden-input {display: none;}
.pulse1-container {    display: block;    width: 455px;    height: 365px;    position: absolute;    margin: 2px 0 0 324px !important;}
.pulse1-slider {    display: block;    position: relative;    height: 340px;    left: 0px;top:12px;    overflow: hidden;}

#input11:checked ~ #image11 {margin-top: 0;}
#input11:checked ~ #image22 {margin-top: 100%;}
#input11:checked ~ #image33 {margin-top: 100%;}
#input11:checked ~ #image44 {margin-top: 100%;}
#input11:checked ~ #image55 {margin-top: 100%;}
#input11:checked ~ #image66 {margin-top: 100%;}
#input11:checked ~ #image77 {margin-top: 100%;}
#input11:checked ~ #image88 {margin-top: 100%;}
#input11:checked ~ .pulse1-buttons-div > .pulse1-button.butt1 {background: rgb(126, 174, 160);}

#input22:checked ~ #image11 {margin-top: -100%;}
#input22:checked ~ #image22 {margin-top: 0;}
#input22:checked ~ #image33 {margin-top: 100%;}
#input22:checked ~ #image44 {margin-top: 100%;}
#input22:checked ~ #image55 {margin-top: 100%;}
#input22:checked ~ #image66 {margin-top: 100%;}
#input22:checked ~ #image77 {margin-top: 100%;}
#input22:checked ~ #image88 {margin-top: 100%;}
#input22:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input33:checked ~ #image11 {margin-top: -100%;}
#input33:checked ~ #image22 {margin-top: -100%;}
#input33:checked ~ #image33 {margin-top: 0;}
#input33:checked ~ #image44 {margin-top: 100%;}
#input33:checked ~ #image55 {margin-top: 100%;}
#input33:checked ~ #image66 {margin-top: 100%;}
#input33:checked ~ #image77 {margin-top: 100%;}
#input33:checked ~ #image88 {margin-top: 100%;}
#input33:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input44:checked ~ #image11 {margin-top: -100%;}
#input44:checked ~ #image22 {margin-top: -100%;}
#input44:checked ~ #image33 {margin-top: -100%;}
#input44:checked ~ #image44 {margin-top: 0;}
#input44:checked ~ #image55 {margin-top: 100%;}
#input44:checked ~ #image66 {margin-top: 100%;}
#input44:checked ~ #image77 {margin-top: 100%;}
#input44:checked ~ #image88 {margin-top: 100%;}
#input44:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input55:checked ~ #image11 {margin-top: -100%;}
#input55:checked ~ #image22 {margin-top: -100%;}
#input55:checked ~ #image33 {margin-top: -100%;}
#input55:checked ~ #image44 {margin-top: -100%;}
#input55:checked ~ #image55 {margin-top: 0;}
#input55:checked ~ #image66 {margin-top: 100%;}
#input55:checked ~ #image77 {margin-top: 100%;}
#input55:checked ~ #image88 {margin-top: 100%;}
#input55:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input66:checked ~ #image11 {margin-top: -100%;}
#input66:checked ~ #image22 {margin-top: -100%;}
#input66:checked ~ #image33 {margin-top: -100%;}
#input66:checked ~ #image44 {margin-top: -100%;}
#input66:checked ~ #image55 {margin-top: -100%;}
#input66:checked ~ #image66 {margin-top: 0;}
#input66:checked ~ #image77 {margin-top: 100%;}
#input66:checked ~ #image88 {margin-top: 100%;}
#input66:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input77:checked ~ #image11 {margin-top: -100%;}
#input77:checked ~ #image22 {margin-top: -100%;}
#input77:checked ~ #image33 {margin-top: -100%;}
#input77:checked ~ #image44 {margin-top: -100%;}
#input77:checked ~ #image55 {margin-top: -100%;}
#input77:checked ~ #image66 {margin-top: -100%;}
#input77:checked ~ #image77 {margin-top: 0;}
#input77:checked ~ #image88 {margin-top: 100%;}
#input77:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

#input88:checked ~ #image11 {margin-top: -100%;}
#input88:checked ~ #image22 {margin-top: -100%;}
#input88:checked ~ #image33 {margin-top: -100%;}
#input88:checked ~ #image44 {margin-top: -100%;}
#input88:checked ~ #image55 {margin-top: -100%;}
#input88:checked ~ #image66 {margin-top: -100%;}
#input88:checked ~ #image77 {margin-top: -100%;}
#input88:checked ~ #image88 {margin-top: 0;}
#input88:checked ~ .pulse1-buttons-div > .pulse1-button.butt2 {background: rgb(126, 174, 160);}

.pulse1-slider-image {    display: inline-block;    position: absolute;    transition: 0.6s ease-in-out}
.pulse1-slider-label {    position: relative;    height: 100%;    width: 22%;    transition: 0.3s ease;    background: rgba(255,255,255,0.65);    opacity: 0;    background-repeat: no-repeat;    background-size: 69% 35%;    background-position: center;}
.pulse1-slider-label:hover {opacity: 1;}
.pulse1-buttons-div {    display: block;    position: absolute;    width: 10px;    transform: translateX(-48%);    margin: 176px 0 0 -290px !important;}
.pulse1-button {    position: absolute;    transition: 0.3s ease;    cursor: pointer;    background: #788fb1;    border: 1px solid #899dbb !important;    outline: 1px solid #566d8e !important;    color: #eaf2ff !important;    text-shadow: 0 0 3px #d7e6ffc7, 1px 1px 0 #3f526d !important;    width: 134px;    letter-spacing: 4px;    padding: 5px 0 5px 0;    text-align: center;    font-family: Montserrat;    text-transform: uppercase;    box-shadow: 0 0 3px #446c61 inset !important;    font-size: 9px;}
.pulse1-button:hover {    background: #8cb4a9;    border: 1px solid #b5e2d6 !important;    outline: 1px solid #5c8e80 !important;    color: #e8fff9 !important;    text-shadow: 0 0 3px #e0fff7b8, 1px 1px 0 #466b61 !important;box-shadow: 0 0 3px #446c61 inset !important}
@media only screen and (max-width: 750px) {    .pulse1-buttons-div {transform: translateX(-48.5%);}    .pulse1-button {margin: 0 0.5%}    .pulse1-slider {width: 100%; padding-bottom: 84%; height: 0;}}
@media only screen and (max-width: 650px) {    .pulse1-buttons-div {transform: translateX(-49%);}    .pulse1-container::before {bottom: 12%;}}
@media only screen and (max-width: 550px) {    .pulse1-container::before {bottom: 13%;}}
@media only screen and (max-width: 450px) {    .pulse1-container::before {bottom: 14%;}
}</style>