@font-face {
     font-family: 'Roboto Serif';
     font-style: normal;
     font-weight: 400;
     src: url('fonts/roboto-serif-v13-cyrillic_latin-regular.eot');
     src: url('fonts/roboto-serif-v13-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-serif-v13-cyrillic_latin-regular.woff2') format('woff2'), url('fonts/roboto-serif-v13-cyrillic_latin-regular.woff') format('woff'), url('fonts/roboto-serif-v13-cyrillic_latin-regular.ttf') format('truetype'), url('fonts/roboto-serif-v13-cyrillic_latin-regular.svg#RobotoSerif') format('svg');
     font-display: swap;
}
 @font-face {
     font-family: 'Roboto Serif';
     font-style: italic;
     font-weight: 400;
     src: url('fonts/roboto-serif-v13-cyrillic_latin-italic.eot');
     src: url('fonts/roboto-serif-v13-cyrillic_latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-serif-v13-cyrillic_latin-italic.woff2') format('woff2'), url('fonts/roboto-serif-v13-cyrillic_latin-italic.woff') format('woff'), url('fonts/roboto-serif-v13-cyrillic_latin-italic.ttf') format('truetype'), url('fonts/roboto-serif-v13-cyrillic_latin-italic.svg#RobotoSerif') format('svg');
     font-display: swap;
}
 @font-face {
     font-family: 'Roboto Serif';
     font-style: normal;
     font-weight: 500;
     src: url('fonts/roboto-serif-v13-cyrillic_latin-500.eot');
     src: url('fonts/roboto-serif-v13-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-serif-v13-cyrillic_latin-500.woff2') format('woff2'), url('fonts/roboto-serif-v13-cyrillic_latin-500.woff') format('woff'), url('fonts/roboto-serif-v13-cyrillic_latin-500.ttf') format('truetype'), url('fonts/roboto-serif-v13-cyrillic_latin-500.svg#RobotoSerif') format('svg');
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-LightItalic.ttf') format('truetype');
     font-weight: 300;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-MediumItalic.ttf') format('truetype');
     font-weight: 500;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-SemiBoldItalic.ttf') format('truetype');
     font-weight: 600;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-Bold.ttf') format('truetype');
     font-weight: 700;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-BoldItalic.ttf') format('truetype');
     font-weight: 700;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-ExtraBold.ttf') format('truetype');
     font-weight: 800;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-ExtraBoldItalic.ttf') format('truetype');
     font-weight: 800;
     font-style: italic;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-Black.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}
 @font-face {
     font-family: 'Rubik';
     src: url('fonts1/Rubik-BlackItalic.ttf') format('truetype');
     font-weight: 900;
     font-style: italic;
     font-display: swap;
}
 ::-webkit-scrollbar {
     width: 8px;
}
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 5px #b9b9b9;
     box-shadow: inset 0 0 5px #b9b9b9;
     border-radius: 9px;
}
 ::-webkit-scrollbar-thumb {
     background: #d9d9d9;
     border-radius: 9px;
     border: 1px solid #c5c4c4;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #bbbbbb;
}
 body {
     font-family: 'Roboto Serif', serif;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .parent {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-height: 100vh;
}
 .header {
     height: 75px;
     background-color: #fff;
     border-bottom: 1px solid #e3e3e3;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .middle {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     background-color: #f9fafa;
}
 .footer {
     height: 75px;
     background-color: #fff;
     border-top: 1px solid #e3e3e3;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 9px 85px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 11px;
}
 .footWebsite {
     font-weight: 600;
     font-size: 19px;
}
 .footcooprt {
     font-size: 14px;
     margin: 6px 0 0 0;
}
 .foottxt {
     font-size: 13px;
     margin: 0 0 2px 0;
}
 .a_navlink {
     text-decoration: none;
     color: #106073;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
}
 .a_navlink:hover {
     color: #195385;
     text-decoration: underline;
}
 .sitenameDiv {
     margin: 0 0 0 98px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .stiteTitle {
     font-size: 36px;
     font-weight: 600;
}
 .navigationDiv {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     margin: 0 80px 0 0;
     width: 50%;
     gap: 24px;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .categoryTitle {
     font-size: 16px;
     color: #1a1a1a;
}
 .vk_link {
     background-color: #0077FF;
     color: #fff;
     border-radius: 7px;
     border-width: 0;
     width: 208px;
     display: inline-block;
     padding: 7px 3px;
     font-family: "Roboto", sans-serif;
     font-size: 12px;
     line-height: 1.5;
     font-weight: 400;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 1px solid transparent;
     text-decoration: blink;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
}
 .vk_link:hover {
     background-color: #0077ffcf;
}
 .logoVk {
     width: 18px;
     height: 18px;
     margin-top: -3px;
     margin-right: 10px;
}
 .userAuthAva {
     width: 18px;
     border-radius: 50%;
     margin: 0 4px 0 0;
}
 .signed {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 140px;
}
 .sgn {
     margin: 0 0 0 4px;
}
 .plateBox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 1044px;
     margin: 52px auto 30px;
     min-height: 550px;
     background-color: #fff;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
}
 .wrapper2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 1044px;
     margin: -32px auto 0;
     gap: 15px;
}
 .plateBox2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 1044px;
     margin: 32px auto 0px;
     min-height: 250px;
     background-color: #fff;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .col_1 {
     position: relative;
     -ms-flex-preferred-size: 50%;
     flex-basis: 50%;
     padding: 24px 0 0 32px;
}
 .col_2 {
     -ms-flex-preferred-size: 50%;
     flex-basis: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .stext {
     margin: 0 0 13px 0;
     font-size: 16px;
     font-weight: 500;
     color: #4d4a4a;
}
 .preInfoBox {
     position: relative;
}
 .inptBox {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     gap: 9px;
}
 .preInput {
     display: block;
     font-size: 14px;
     width: 248px;
     height: 36px;
     padding: 7px 45px 7px 15px;
     border: 1px solid #e9e9e9;
     border-radius: 8px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     background-color: #f3f3f3;
     color: #626262;
}
 input.preInput:focus {
     outline: none;
     border: 2px solid transparent;
     background: -o-linear-gradient(right, #f3f3f3, #f3f3f3), -o-linear-gradient(right, #ffa8a8a1, #53a30257);
     background: -webkit-gradient(linear, right top, left top, from(#f3f3f3), to(#f3f3f3)), -webkit-gradient(linear, right top, left top, from(#ffa8a8a1), to(#53a30257));
     background: linear-gradient(to left, #f3f3f3, #f3f3f3), linear-gradient(to left, #ffa8a8a1, #53a30257);
     background-clip: padding-box, border-box;
     background-origin: padding-box, border-box;
     padding: 7px 45px 7px 14px;
}
 ::-webkit-input-placeholder {
     color: #87878794;
     opacity: 1;
}
 ::-moz-placeholder {
     color: #87878794;
     opacity: 1;
}
 :-ms-input-placeholder {
     color: #87878794;
     opacity: 1;
}
 ::-ms-input-placeholder {
     color: #87878794;
     opacity: 1;
}
 ::placeholder {
     color: #87878794;
     opacity: 1;
}
 :-ms-input-placeholder {
     color: #87878794;
}
 ::-ms-input-placeholder {
     color: #87878794;
}
 .button_preInfo {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 8px 7px;
     font-size: 14px;
     font-weight: 400;
     width: 73px;
     height: 20px;
     border-radius: 5px;
     font-family: inherit;
     border: none;
     overflow: hidden;
     z-index: 1;
     color: #fff;
     -webkit-box-shadow: 0px 1px 4px 0px #c5c5c5, 0px 0px 0px #ffffff;
     box-shadow: 0px 1px 4px 0px #c5c5c5, 0px 0px 0px #ffffff;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     cursor: pointer;
     letter-spacing: 1px;
     background-image: -o-linear-gradient(left, rgb(65 110 255 / 63%), rgb(65 110 255 / 63%));
     background-image: -webkit-gradient(linear, left top, right top, from(rgb(65 110 255 / 63%)), to(rgb(65 110 255 / 63%)));
     background-image: linear-gradient(to right, rgb(65 110 255 / 63%), rgb(65 110 255 / 63%));
}
 .button_preInfo:hover {
     background-image: -o-linear-gradient(left, rgb(65 110 255 / 73%), rgb(65 110 255 / 73%));
     background-image: -webkit-gradient(linear, left top, right top, from(rgb(65 110 255 / 73%)), to(rgb(65 110 255 / 73%)));
     background-image: linear-gradient(to right, rgb(65 110 255 / 73%), rgb(65 110 255 / 73%));
}
 .annotate {
     display: block;
     font-size: 13px;
     margin: 19px 0 0 0;
     color: #534d4d;
}
 .udrl {
     text-decoration: underline;
}
 .preRowInfo {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     gap: 20px;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .border_ava {
     border: 2px solid transparent;
     border-radius: 50%;
     background: -o-linear-gradient(54deg, white, white), -o-linear-gradient(154deg, #ff61617d, #abff47ab);
     background: linear-gradient(36deg, white, white), linear-gradient(296deg, #ff61617d, #abff47ab);
     background-clip: padding-box, border-box;
     background-origin: padding-box, border-box;
     width: 105px;
     height: 105px;
     padding: 3px;
     margin: 3px 0 0 0;
}
 .avaMain {
     height: 105px;
     width: 105px;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     border-radius: 50%;
}
 .preCol {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .preNameBox {
     margin: 5px 0 0 0;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
}
 .pName {
     font-size: 17px;
     font-weight: 500;
     margin: 0 0 1px 0;
}
 .pAgeLoc {
}
 .pAge {
     font-size: 14px;
     color: #575757;
}
 .pLoc {
     font-size: 14px;
     color: #575757;
}
 .plink {
     font-size: 13px;
     color: #275b93;
     margin: 3px 0 0 0;
}
 .btnMainBox, .btnMainBox3 {
     position: relative;
     margin: 13px 0 0 0;
}
 .btnMainBox3 {
     display: none;
}
 .button_preInfo2, .button_preInfo3 {
     position: absolute;
     top: 0;
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 8px 7px;
     font-size: 14px;
     font-weight: 400;
     width: 256px;
     height: 20px;
     border-radius: 5px;
     font-family: inherit;
     border: none;
     overflow: hidden;
     z-index: 14;
     color: #fff;
     -webkit-box-shadow: 0px 1px 4px 0px #c5c5c5, 0px 0px 0px #ffffff;
     box-shadow: 0px 1px 4px 0px #c5c5c5, 0px 0px 0px #ffffff;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     cursor: pointer;
     letter-spacing: 1px;
}
 .button_preInfo2::before, .button_preInfo3::before {
     content: '';
     width: 270px;
     height: 3em;
     position: absolute;
     top: 0;
     left: 0;
     background-image: -o-linear-gradient(left, rgb(65 110 255 / 63%), rgb(65 110 255 / 63%));
     background-image: -webkit-gradient(linear, left top, right top, from(rgb(65 110 255 / 63%)), to(rgb(65 110 255 / 63%)));
     background-image: linear-gradient(to right, rgb(65 110 255 / 63%), rgb(65 110 255 / 63%));
     -webkit-transition: .5s ease;
     -o-transition: .5s ease;
     transition: .5s ease;
     display: block;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
     z-index: -1;
     color: #fff;
}
 .button_preInfo2:hover, .button_preInfo3:hover {
     background-image: -o-linear-gradient(left, rgb(65 110 255 / 73%), rgb(65 110 255 / 73%));
     background-image: -webkit-gradient(linear, left top, right top, from(rgb(65 110 255 / 73%)), to(rgb(65 110 255 / 73%)));
     background-image: linear-gradient(to right, rgb(65 110 255 / 73%), rgb(65 110 255 / 73%));
}
 .button_preInfo3 {
     position: relative;
}
 .postInfoBlock {
}
 .sloganText {
     margin: 14px 0 0 0;
     border-top: 1px dashed #bfbfbf;
     padding: 27px 0 0 0;
}
 .avFinded {
     margin: 28px 0 0 0;
}
 .st1 {
     display: block;
     font-size: 23px;
     font-weight: 600;
     text-align: center;
     color: #106073;
}
 .st2 {
     margin: 13px 0 0 0;
     display: block;
     font-size: 15px;
     color: #555555;
}
 .st3 {
     margin: 4px 0 0 0;
     display: block;
     font-size: 14px;
     color: #555555;
}
 .st4 {
     margin: 4px 0 0 0;
     display: block;
     font-size: 14px;
     color: #555555;
}
 .plateInfoBlock {
}
 .artext {
     text-align: center;
     margin: 15px 0 0 0;
     font-size: 23px;
     font-weight: 500;
     text-decoration: underline;
     color: #106073;
}
 .uliBox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 14px 27px;
}
 .uliRow1 {
     -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
}
 .uliRow2 {
     -ms-flex-preferred-size: 39%;
     flex-basis: 39%;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
}
 .backD {
     width: 100%;
     height: 300px;
     background: aliceblue;
     border-radius: 14px;
     margin: 20px 0 0 0;
}
 .ulp {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin: 13px 0 -9px 0;
}
 .uu1 {
     display: inline-block;
     margin: 0 0 0 5px;
     font-size: 15px;
     font-weight: 500;
}
 .uu2 {
     font-size: 14px;
     color: #272727;
     line-height: 18px;
     padding: 0 0 0 22px;
}
 .gp {
     border-top: none;
     display: block;
     margin: 0 0 0 0;
     position: relative;
}
 .gp2 {
     font-size: 17px;
     text-align: unset;
     color: #414141;
     position: relative;
}
 .gp2:after {
     content: "";
     position: absolute;
     bottom: -3px;
     left: 0;
     z-index: 10;
     border-bottom: 2px dotted #414141;
     width: 96%;
}
 .gp3 {
     font-size: 14px;
}
 .avasBox {
     margin: 38px 0 0 18px;
}
 .avatars {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(35%, black), to(black));
     -webkit-mask-image: linear-gradient(to right, transparent 0%, black 35%, black 100%);
     mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(35%, black), to(black));
     mask-image: linear-gradient(to right, transparent 0%, black 35%, black 100%);
}
 .avatars img {
     width: 46px;
     height: 46px;
     border-radius: 50%;
     -o-object-fit: cover;
     object-fit: cover;
     border: 3px solid #fff;
     margin-left: -19px;
     background: #fff;
     -webkit-filter: blur(1px);
     filter: blur(1px);
}
 .profressBox {
     margin: 28px 0 0 0;
}
 .containerRR {
     display: -ms-grid;
     display: grid;
     height: 400px;
     width: 400px;
     place-items: center;
     overflow: hidden;
     --circleDiameter: 325px;
     --circleDiameterMin: 195px;
     --circleDiameterEmj: 257px;
     --planets: calc(var(--circleDiameter) / 5);
     --planetsMin: calc(var(--circleDiameterMin) / 5);
     --planetEmj: calc(var(--circleDiameterEmj) / 8);
}
 .hero-circle {
     position: relative;
     width: var(--circleDiameter);
     height: var(--circleDiameter);
}
 .min {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: var(--circleDiameterMin);
     width: var(--circleDiameterMin);
}
 .third {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     height: 257px;
     width: 257px;
     z-index: 1;
}
 .inner_img {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     overflow: hidden;
     border: 3px solid #fff;
     height: 100px;
     width: 100px;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: 50% 10%;
     object-position: 50% 10%;
     border-radius: 50%;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     z-index: 10;
}
 .hero-rotate {
     position: absolute;
     top: -2px;
     left: -2px;
     width: 100%;
     height: 100%;
     border-radius: 100%;
     -webkit-animation: rotate 170s linear infinite;
     animation: rotate 170s linear infinite;
     z-index: 1;
}
 .hero-rotateMin {
     position: relative;
     top: -2px;
     left: -2px;
     width: 100%;
     height: 100%;
     border-radius: 100%;
}
 .ad170 {
     -webkit-animation: rotate 170s linear infinite;
     animation: rotate 170s linear infinite;
}
 .th {
     border: 1px dashed #e7e7e7;
}
 .planet {
     position: absolute;
     width: var(--planets);
     aspect-ratio: 1;
     border-radius: 100%;
     -webkit-animation: maintain 170s linear infinite;
     animation: maintain 170s linear infinite;
}
 .planetMin {
     position: absolute;
     width: var(--planetsMin);
     aspect-ratio: 1;
     border-radius: 100%;
     -webkit-animation: maintain 170s linear infinite;
     animation: maintain 170s linear infinite;
}
 .planetEmj {
     position: absolute;
     width: var(--planetEmj);
     aspect-ratio: 1;
     border-radius: 100%;
     -webkit-animation: maintain 170s linear infinite;
     animation: maintain 170s linear infinite;
}
 .planet:nth-child(1) {
     top: -15px;
     left: 195px;
}
 .planet:nth-child(2) {
     top: 155px;
     right: -27px;
}
 .planet:nth-child(3) {
     top: 98px;
     left: -21px;
}
 .planet:nth-child(4) {
     left: 88px;
     bottom: -19px;
}
 .planet>img {
     width: 80%;
     height: 80%;
     -o-object-fit: cover;
     object-fit: cover;
     border: 3px solid white;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     border-radius: 50%;
     -webkit-animation: scale 5s linear infinite alternate;
     animation: scale 5s linear infinite alternate;
     opacity: .9;
     -webkit-filter: blur(1px);
     filter: blur(1px);
}
 .planetMin>img {
     width: 86%;
     height: 86%;
     -o-object-fit: cover;
     object-fit: cover;
     border: 3px solid white;
     -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
     border-radius: 50%;
     -webkit-animation: scale 5s linear infinite alternate;
     animation: scale 5s linear infinite alternate;
     opacity: .9;
     -webkit-filter: blur(1px);
     filter: blur(1px);
}
 .planetEmj>img {
     width: 60%;
     height: 60%;
     padding: 5px 5px;
     background-color: white;
     border-radius: 50%;
     border: 1px solid #e9e9e9;
     -webkit-box-shadow: 0 0 1px 0px rgb(0 0 0 / 30%);
     box-shadow: 0 0 1px 0px rgb(0 0 0 / 30%);
}
 .planetMin:nth-child(1) {
     top: 4px;
     left: 16px;
}
 .planetMin:nth-child(2) {
     top: 12px;
     right: 9px;
}
 .planetMin:nth-child(3) {
     bottom: 3px;
     right: 17px;
}
 .planetMin:nth-child(4) {
     left: 0;
     bottom: 16px;
}
 .planetEmj:nth-child(1) {
     top: -14px;
     left: 88px;
}
 .planetEmj:nth-child(2) {
     top: 68px;
     right: -16px;
}
 .planetEmj:nth-child(3) {
     bottom: -13px;
     right: 71px;
}
 .planetEmj:nth-child(4) {
     left: 0;
     bottom: 16px;
}
 .planetEmj:nth-child(4) {
     left: -12px;
     bottom: 79px;
}
 @-webkit-keyframes rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes rotate {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes rotateReverse {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
    }
}
 @keyframes rotateReverse {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
    }
}
 @-webkit-keyframes maintain {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
    }
}
 @keyframes maintain {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(-360deg);
         transform: rotate(-360deg);
    }
}
 @-webkit-keyframes maintainReverse {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes maintainReverse {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @-webkit-keyframes scale {
     0% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @keyframes scale {
     0% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 .ad5 {
     -webkit-animation: rotate 5s linear infinite;
     animation: rotate 5s linear infinite;
     ;
}
 .ad4 {
     -webkit-animation: rotate 4s linear infinite;
     animation: rotate 4s linear infinite;
     ;
}
 .ad3 {
     -webkit-animation: rotate 3s linear infinite;
     animation: rotate 3s linear infinite;
     ;
}
 .ad2 {
     -webkit-animation: rotate 2s linear infinite;
     animation: rotate 2s linear infinite;
     ;
}
 .ad1 {
     -webkit-animation: rotate 1s linear infinite;
     animation: rotate 1s linear infinite;
     ;
}
 .ad07 {
     -webkit-animation: rotate .7s linear infinite;
     animation: rotate .7s linear infinite;
     ;
}
 .ad05 {
     -webkit-animation: rotate .5s linear infinite;
     animation: rotate .5s linear infinite;
     ;
}
 .sc1 {
     -webkit-animation: maintain 1s linear infinite;
     animation: maintain 1s linear infinite;
}
 .sc05 {
     -webkit-animation: maintain .5s linear infinite;
     animation: maintain .5s linear infinite;
}
 .pulse1 {
     position: absolute;
     width: 150px;
     height: 150px;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 1;
     opacity: 0;
     border: 3px solid rgba(255, 255, 255, .1);
     -webkit-animation: pulsejg1 4s linear infinite;
     animation: pulsejg1 4s linear infinite;
     border-radius: 999px;
     -webkit-box-shadow: inset 0px 0px 15px 10px rgba(191 134 163 / .6);
     box-shadow: inset 0px 0px 15px 10px rgba(191 134 163 / .6);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .pulse2 {
     position: absolute;
     width: 250px;
     height: 250px;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 2;
     opacity: 0;
     border: 1px solid rgba(255, 255, 255, 0);
     -webkit-animation: pulsejg2 4s linear infinite;
     animation: pulsejg2 4s linear infinite;
     border-radius: 999px;
     -webkit-box-shadow: inset 0px 0px 12px 5px rgba(191 134 163 / .6);
     box-shadow: inset 0px 0px 12px 5px rgba(191 134 163 / .6);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 @-webkit-keyframes pulsejg1 {
     0% {
         -webkit-transform: scale(.6);
         opacity: 0;
    }
     50% {
         -webkit-transform: scale(.6);
         opacity: 0;
    }
     60% {
         -webkit-transform: scale(.9);
         opacity: .2;
    }
     70% {
         -webkit-transform: scale(1.1);
         opacity: .35;
    }
     80% {
         -webkit-transform: scale(1.25);
         opacity: .2;
    }
     100% {
         -webkit-transform: scale(1.4);
         opacity: 0;
    }
}
 @keyframes pulsejg1 {
     0% {
         -webkit-transform: scale(.6);
         transform: scale(.6);
         opacity: 0;
    }
     50% {
         -webkit-transform: scale(.6);
         transform: scale(.6);
         opacity: 0;
    }
     60% {
         -webkit-transform: scale(.9);
         transform: scale(.9);
         opacity: .1;
    }
     70% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: .25;
    }
     80% {
         -webkit-transform: scale(1.25);
         transform: scale(1.25);
         opacity: .1;
    }
     100% {
         -webkit-transform: scale(1.4);
         transform: scale(1.4);
         opacity: 0;
    }
}
 @-webkit-keyframes pulsejg2 {
     0% {
         -webkit-transform: scale(.6);
         opacity: 0;
    }
     40% {
         -webkit-transform: scale(.8);
         opacity: .05;
    }
     50% {
         -webkit-transform: scale(1);
         opacity: .1;
    }
     60% {
         -webkit-transform: scale(1.1);
         opacity: .3;
    }
     80% {
         -webkit-transform: scale(1.2);
         opacity: .1;
    }
     100% {
         -webkit-transform: scale(1.3);
         opacity: 0;
    }
}
 @keyframes pulsejg2 {
     0% {
         -webkit-transform: scale(.6);
         transform: scale(.6);
         opacity: 0;
    }
     40% {
         -webkit-transform: scale(.8);
         transform: scale(.8);
         opacity: .05;
    }
     50% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: .1;
    }
     60% {
         -webkit-transform: scale(1.1);
         transform: scale(1.1);
         opacity: .3;
    }
     80% {
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
         opacity: .1;
    }
     100% {
         -webkit-transform: scale(1.3);
         transform: scale(1.3);
         opacity: 0;
    }
}
 .loaderR {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 343px;
     height: 343px;
     overflow: hidden;
     border-radius: 50%;
}
 .mn {
     width: 199px;
     height: 199px;
}
 .loaderR:before {
     content: "";
     position: absolute;
     top: 1px;
     left: 1px;
     right: 1px;
     bottom: 1px;
     z-index: 10;
     background: #fff;
     border-radius: 50%;
}
 .loaderR span {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-image: -o-linear-gradient(315deg, #ff0202 0%, #ffe700 50%, #5eff7273 100%);
     background-image: linear-gradient(-225deg, #ff0202 0%, #ffe700 50%, #5eff7273 100%);
     -webkit-filter: blur(20px);
     filter: blur(20px);
     z-index: -1;
     -webkit-animation: animateR 2s linear infinite;
     animation: animateR 2s linear infinite;
     z-index: 9;
}
 .loaderR.mn span {
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-image: -o-linear-gradient(315deg, #5eff7273 0%, #ffe700 50%, #ff0202 100%);
     background-image: linear-gradient(-225deg, #5eff7273 0%, #ffe700 50%, #ff0202 100%);
     -webkit-filter: blur(20px);
     filter: blur(20px);
     z-index: -1;
     -webkit-animation: animateR 2s linear infinite;
     animation: animateR 2s linear infinite;
     z-index: 9;
}
 @-webkit-keyframes animateR {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes animateR {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .container {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: -18px 0 0 0;
}
 .chartsBlock {
}
 .startBtn {
     width: 100px;
     height: 33px;
     cursor: pointer;
}
 .input_fld {
     padding: 7px;
     border: 1px solid #dfdfdf;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     resize: vertical;
     width: 230px;
     height: 28px;
}
 .age_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .gender_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .fr_percent_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .liveBlocked_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .timeline_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .heatmap_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .daily_js {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .block, .block_scan {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 400px;
     width: 400px;
}
 .avaobj_backgrnd {
     position: relative;
     height: 100px;
     width: 100px;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: 50% 10%;
     object-position: 50% 10%;
     border-radius: 50%;
     ;
}
 .mainAvaAnimate {
     border: 3px solid #fff;
}
 .circle {
     border-radius: 50%;
     background-color: #b0ebff;
     width: 150px;
     height: 150px;
     position: absolute;
     opacity: 0;
     -webkit-animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
     animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
}
 .item {
     z-index: 100;
     padding: 5px;
}
 .min_sub {
     position: absolute;
     ;
}
 .min_sub_bl {
     position: absolute;
     ;
}
 .a1 {
     display: none;
     top: 44px;
     right: 65px;
}
 .a2 {
     display: none;
     top: 107px;
     left: 64px;
     ;
}
 .a3 {
     display: none;
     bottom: 118px;
     right: 30px;
     ;
}
 .a4 {
     display: none;
     bottom: 75px;
     left: 88px;
     ;
}
 .a5 {
     display: none;
     bottom: 223px;
     right: 18px;
     ;
}
 .a6 {
     display: none;
     top: 34px;
     left: 127px;
}
 .a7 {
     display: none;
     bottom: 145px;
     left: 42px;
}
 .a8 {
     display: none;
     bottom: 48px;
     right: 117px;
}
 .img1 {
     width: 56px;
     height: 56px;
     border: 2px solid #fff;
     opacity: .5;
     ;
}
 .img2 {
     width: 50px;
     height: 50px;
     border: 2px solid #fff;
     border: 2px solid #fff;
     opacity: .5;
}
 .img3 {
     width: 69px;
     height: 69px;
     border: 2px solid #fff;
     opacity: .5;
}
 .img4 {
     width: 66px;
     height: 66px;
     border: 2px solid #fff;
     opacity: .5;
}
 .img5, .img6, .img7, .img8 {
     width: 37px;
     height: 37px;
}
 .blur {
     -webkit-filter: blur(1px);
     filter: blur(1px);
     opacity: .5;
}
 .button_blk {
     margin: 30px 0 29px 0;
}
 .startBtn {
     width: 100px;
     height: 33px;
     cursor: pointer;
}
 .input_fld {
     padding: 7px;
     border: 1px solid #dfdfdf;
     border-radius: 3px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     resize: vertical;
     width: 100%;
     height: 28px;
}
 @-webkit-keyframes scaleIn {
     from {
         -webkit-transform: scale(.5, .5);
         transform: scale(.5, .5);
         opacity: .5;
    }
     to {
         -webkit-transform: scale(2.5, 2.5);
         transform: scale(2.5, 2.5);
         opacity: 0;
    }
}
 @keyframes scaleIn {
     from {
         -webkit-transform: scale(.5, .5);
         transform: scale(.5, .5);
         opacity: .5;
    }
     to {
         -webkit-transform: scale(2.5, 2.5);
         transform: scale(2.5, 2.5);
         opacity: 0;
    }
}
 @-webkit-keyframes float {
     50% {
         -webkit-transform: translate(0, 8px);
         transform: translate(0, 8px);
    }
}
 @keyframes float {
     50% {
         -webkit-transform: translate(0, 8px);
         transform: translate(0, 8px);
    }
}
 @-webkit-keyframes float_bl {
     50% {
         -webkit-transform: translate(0, 15px);
         transform: translate(0, 15px);
    }
}
 @keyframes float_bl {
     50% {
         -webkit-transform: translate(0, 15px);
         transform: translate(0, 15px);
    }
}
 .loader {
     position: absolute;
     top: -3px;
     right: -3px;
     width: 70px;
     height: 70px;
     border: 5px solid #ffda52;
     border-bottom-color: transparent;
     border-radius: 50%;
     display: inline-block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-animation: rotation 1s linear infinite;
     animation: rotation 1s linear infinite;
}
 .b1 {
     top: -3px;
     right: -3px;
     width: 66px;
     height: 66px;
}
 .b2 {
     top: -2px;
     right: -2px;
     width: 58px;
     height: 58px;
}
 .b3 {
     width: 79px;
     height: 79px;
     top: -3px;
     right: -3px;
}
 .b4 {
     top: -3px;
     right: -3px;
     width: 76px;
     height: 76px;
}
 @-webkit-keyframes rotation {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes rotation {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .float_css1 {
     -webkit-animation: float 5s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     animation: float 5s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     -webkit-animation-delay: .4s;
     animation-delay: .4s;
}
 .float_css2 {
     -webkit-animation: float 4s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     animation: float 4s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     -webkit-animation-delay: .9s;
     animation-delay: .9s;
}
 .float_css3 {
     -webkit-animation: float 6s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     animation: float 6s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
}
 .float_css4 {
     -webkit-animation: float 5s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     animation: float 5s cubic-bezier(0.11, 0.01, 0.91, 1.02) infinite;
     -webkit-animation-delay: 2.3s;
     animation-delay: 2.3s;
}
 .float_bl_css1 {
     -webkit-animation: float 7s ease-out infinite;
     animation: float 7s ease-out infinite;
     -webkit-animation-delay: 3.3s;
     animation-delay: 3.3s;
}
 .animate__fadeInDownBig_1 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     -webkit-animation-name: fadeInDownBig1;
     animation-name: fadeInDownBig1;
}
 .animate__fadeInDownBig_2 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     -webkit-animation-name: fadeInDownBig2;
     animation-name: fadeInDownBig2;
}
 .animate__fadeInDownBig_3 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     -webkit-animation-name: fadeInDownBig3;
     animation-name: fadeInDownBig3;
}
 .animate__fadeInDownBig_4 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     animation-timing-function: cubic-bezier(0.71, 0.68, 0.13, 0.94);
     -webkit-animation-name: fadeInDownBig4;
     animation-name: fadeInDownBig4;
}
 .animate__fadeInDownBig_B_1 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     -webkit-animation-name: fadeInDownBig1;
     animation-name: fadeInDownBig1;
}
 .animate__fadeInDownBig_B_2 {
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     -webkit-animation-name: fadeInDownBig2;
     animation-name: fadeInDownBig2;
}
 .animate__fadeInDownBig_B_3 {
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     -webkit-animation-name: fadeInDownBig3;
     animation-name: fadeInDownBig3;
}
 .animate__fadeInDownBig_B_4 {
     -webkit-animation-duration: 3s;
     animation-duration: 3s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     -webkit-animation-name: fadeInDownBig4;
     animation-name: fadeInDownBig4;
}
 @-webkit-keyframes fadeInDownBig1 {
     from {
         opacity: 0;
         -webkit-transform: translate(250px, -80px);
         transform: translate(250px, -80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes fadeInDownBig1 {
     from {
         opacity: 0;
         -webkit-transform: translate(250px, -80px);
         transform: translate(250px, -80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @-webkit-keyframes fadeInDownBig2 {
     from {
         opacity: 0;
         -webkit-transform: translate(-250px, -80px);
         transform: translate(-250px, -80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes fadeInDownBig2 {
     from {
         opacity: 0;
         -webkit-transform: translate(-250px, -80px);
         transform: translate(-250px, -80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @-webkit-keyframes fadeInDownBig3 {
     from {
         opacity: 0;
         -webkit-transform: translate(250px, 80px);
         transform: translate(250px, 80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes fadeInDownBig3 {
     from {
         opacity: 0;
         -webkit-transform: translate(250px, 80px);
         transform: translate(250px, 80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @-webkit-keyframes fadeInDownBig4 {
     from {
         opacity: 0;
         -webkit-transform: translate(-250px, 80px);
         transform: translate(-250px, 80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 @keyframes fadeInDownBig4 {
     from {
         opacity: 0;
         -webkit-transform: translate(-250px, 80px);
         transform: translate(-250px, 80px);
    }
     to {
         opacity: 1;
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
    }
}
 .FRblock {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     position: relative;
     padding: 9px 2px 9px 12px;
     margin: 0 3px 8px 1px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-shadow: 1px 1px 8px 0px rgb(34 60 80 / 20%);
     box-shadow: 1px 1px 8px 0px rgb(34 60 80 / 20%);
}
 .FRblock:hover {
     cursor: pointer;
     background-color: #f3f3f38a;
     -webkit-box-shadow: 0px 4px 8px 0px rgb(34 60 80 / 20%);
     box-shadow: 0px 1px 8px 0px rgb(34 60 80 / 20%);
     -webkit-transition: all .2s;
     -o-transition: all .2s;
     transition: all .2s;
}
 .personColmn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     gap: 7px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .imgLayer {
     margin: 0 11px 0 3px;
     vertical-align: middle;
     border: 1px solid transparent;
     border-radius: 50%;
     background: -o-linear-gradient(left, white, white), -o-linear-gradient(left, #7e7e7ed4, #ff9600d1);
     background: -webkit-gradient(linear, left top, right top, from(white), to(white)), -webkit-gradient(linear, left top, right top, from(#7e7e7ed4), to(#ff9600d1));
     background: linear-gradient(to right, white, white), linear-gradient(to right, #7e7e7ed4, #ff9600d1);
     background-clip: padding-box, border-box;
     background-origin: padding-box, border-box;
     width: 50px;
     height: 50px;
     padding: 2px;
}
 .personAva {
     display: block;
     position: relative;
     height: 50px;
     width: 50px;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: 50% 10%;
     object-position: 50% 10%;
     border-radius: 50%;
     -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
     box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
 .pInfoColmn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
}
 .pName {
     font-size: 15px;
}
 .pAgeCity {
     color: #646464;
     font-size: 13px;
}
 .pType {
     color: #b95206;
     font-size: 13px;
}
 .likesColmn {
     margin: 0 16px 0 0;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     gap: 11px;
}
 .likeNum {
     font-size: 19px;
     font-weight: 500;
     color: #393838;
}
 .controlBlock {
     margin: 10px 0 0 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 0 4px;
}
 .navButton {
     font-size: 14px;
     background-color: #ededed;
     border: 1px solid #dbdbdb;
     padding: 8px 23px;
     border-radius: 6px;
     color: #1a1a1a;
     cursor: pointer;
}
 .navButton:disabled {
     cursor: not-allowed;
     opacity: 0.6;
}
 .minStatBlock {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     gap: 28px;
     margin: 9px 0 0 0;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}
 .allPhotosBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .allLikesBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .allPersonsBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .allMansBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .allWomansBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .allNotFrBlk {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .nrfrsp {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     gap: 4px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .stNum {
     text-align: center;
     font-size: 17px;
     font-weight: 500;
     color: #024a89;
}
 .perc {
     text-align: center;
     font-size: 17px;
     font-weight: 500;
     color: #024a89;
}
 .stLine {
     border-top: 1px solid #c9c9c9;
     width: 45%;
     margin: 5px auto 0;
}
 .stItem {
     font-size: 12.8px;
     color: #555353;
     font-weight: 500;
     padding: 4px 0 0 0;
}
 .statisticBlock {
     padding: 0 20px;
}
 .radio-input, .radio-input-gender {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-radius: 7px;
     background-color: #fff;
     color: #727272;
     width: 100%;
     overflow: hidden;
     border: 1px solid #e3e3e3;
     margin: 19px 0 0 0;
}
 .radio-input input, .radio-input-gender input {
     display: none;
}
 .radio-input label, .radio-input-gender label {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding: 10px 5px;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 1;
     font-weight: 500;
     letter-spacing: -1px;
     font-size: 13.5px;
}
 .selection {
     position: absolute;
     height: 100%;
     width: calc(100% / 3 + 1px);
     z-index: 0;
     left: 0;
     top: 0;
     -webkit-transition: .15s ease;
     -o-transition: .15s ease;
     transition: .15s ease;
     background-color: #EFF2F5;
     display: none;
}
 .selection_gend {
     position: absolute;
     height: 100%;
     width: calc(100% / 2 + 1px);
     z-index: 0;
     left: 0;
     top: 0;
     -webkit-transition: .15s ease;
     -o-transition: .15s ease;
     transition: .15s ease;
     background-color: #EFF2F5;
     display: none;
}
 .radio-input label:has(input:checked) {
     color: #545454;
}
 .radio-input label:has(input:checked)~.selection {
     display: block;
}
 .radio-input label:nth-child(1):has(input:checked)~.selection {
     left: calc(100% * 0 / 3);
}
 .radio-input label:nth-child(2):has(input:checked)~.selection {
     left: calc(100% * 1 / 3);
}
 .radio-input label:nth-child(3):has(input:checked)~.selection {
     left: calc(100% * 2 / 3);
}
 .radio-input label:nth-child(2) {
     border-right: 1px solid #e3e3e3;
     border-left: 1px solid #e3e3e3;
}
 .radio-input-gender label:has(input:checked) {
     color: #545454;
}
 .radio-input-gender label:has(input:checked)~.selection_gend {
     display: block;
}
 .radio-input-gender label:nth-child(1):has(input:checked)~.selection_gend {
     left: calc(100% * 0 / 2);
}
 .radio-input-gender label:nth-child(2):has(input:checked)~.selection_gend {
     left: calc(100% * 1 / 2);
}
 .radio-input-gender label:nth-child(2) {
     border-left: 1px solid #e3e3e3;
}
 .heart {
     width: 10px;
     height: 10px;
     background-color: #ff4d4d;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     margin: 3px 0 0 0;
}
 .heart::after, .heart::before {
     content: "";
     width: 10px;
     height: 10px;
     position: absolute;
     border-radius: 100%;
     background-color: #ff4d4d;
}
 .heart::after {
     bottom: 5px;
     left: 0px;
}
 .heart::before {
     top: 0px;
     left: -5px;
}
 .heartW {
     width: 8px;
     height: 8px;
     background-color: #fff;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     margin: 3px 0 0 0;
     -webkit-box-shadow: 2px 3px 6px 0px rgba(34, 60, 80, 0.25);
     box-shadow: 2px 3px 6px 0px rgba(34, 60, 80, 0.25);
}
 .heartW::after, .heartW::before {
     content: "";
     width: 8px;
     height: 8px;
     position: absolute;
     border-radius: 100%;
     background-color: #fff;
}
 .heartW::after {
     bottom: 4px;
     left: 0px;
}
 .heartW::before {
     top: 0px;
     left: -4px;
}
 #sortedUsers {
     width: 100%;
     margin-top: 20px;
}
 #sortedUsers_Friends {
     width: 100%;
     margin-top: 20px;
}
 #sortedUsers_NonFriends {
     width: 100%;
     margin-top: 20px;
}
 #sortedPhotosBlock {
     width: 100%;
     margin-top: 20px;
}
 #sortedUsersMan {
     width: 100%;
     margin-top: 20px;
}
 #sortedUsersWoman {
     width: 100%;
     margin-top: 20px;
}
 .subTitle {
     font-size: 14px;
     text-align: center;
     color: #616161;
     margin: -9px 0 10px 0;
     font-weight: 500;
     font-family: "Segoe UI", Arial, sans-serif;
}
 .linediv {
     border-top: 2px dotted #d7d7d7;
     margin: 22px 0 0 0;
}
 .lineMarg {
     margin: 22px 0 0 0;
}
 .photosLayer {
     padding: 3px 4px 0px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
}
 .imgContaner {
     width: calc(25% - 1px);
     height: 137px;
     margin-left: 1px;
     margin-bottom: 1px;
     position: relative;
}
 .perPhoto {
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: 50% 10%;
     object-position: 50% 10%;
     width: 100%;
     height: 137px;
     cursor: pointer;
}
 .imgInfo {
     position: absolute;
     top: 5px;
     left: 12px;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     text-shadow: 0 0 5px #000;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     gap: 9px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .anlcs_title {
     text-align: center;
     margin: 18px 0 0 0;
     font-size: 17px;
     font-weight: 500;
}
 .anlcs_title2 {
     text-align: center;
     margin: 1px 0 3px 0;
     font-size: 15px;
     font-weight: 500;
}
 .anlcs_title2_sub {
     text-align: center;
     margin: 3px 0 3px 0;
     font-size: 14px;
     color: #616161;
     font-weight: 500;
     font-family: "Segoe UI", Arial, sans-serif;
}
 .chartsPlate {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 32px 0 86px 0;
     min-height: 250px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 460px;
}
 #cityLikesTable {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: auto;
     -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
     background-color: #fff;
     width: 416px;
     padding: 15px 21px;
}
 .canvLayer {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .canvBox {
     width: 280px;
     height: 280px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .canvLayer2 {
     width: 100%;
     height: 279px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 13px 0 0 0;
}
 .canvBox2 {
     width: 100%;
     height: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     position: relative;
}
 .navbar {
     display: none;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 15px;
     background: #fff;
     overflow-x: clip;
}
 .menu-toggle {
     display: none;
}
 .hamburger {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -ms-flex-pack: distribute;
     justify-content: space-around;
     width: 30px;
     height: 24px;
     cursor: pointer;
     z-index: 999;
     position: relative;
     margin: 4px 14px 0 0;
}
 .hamburger span {
     display: block;
     width: 100%;
     height: 3px;
     background: black;
     -webkit-transition: 0.2s;
     -o-transition: 0.2s;
     transition: 0.2s;
}
 .menu {
     margin: 0;
     padding: 80px 20px;
     list-style: none;
     position: fixed;
     top: 0;
     right: -100%;
     width: 250px;
     height: 100vh;
     background: #f4f4f4;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     gap: 20px;
     -webkit-transition: right 0.2s ease-in-out;
     -o-transition: right 0.2s ease-in-out;
     transition: right 0.2s ease-in-out;
     z-index: 990;
     border-left: 1px solid #c4c4c4;
}
 .overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.5);
     z-index: 15;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .menu-toggle:checked~.overlay {
     opacity: 1;
     visibility: visible;
}
 .menu-toggle:checked~.menu {
     right: 0;
}
 .menu-toggle:checked~.hamburger span:nth-child(1) {
     -webkit-transform: translateY(9px) rotate(45deg);
     -ms-transform: translateY(9px) rotate(45deg);
     transform: translateY(9px) rotate(45deg);
}
 .menu-toggle:checked~.hamburger span:nth-child(2) {
     opacity: 0;
}
 .menu-toggle:checked~.hamburger span:nth-child(3) {
     -webkit-transform: translateY(-7px) rotate(-45deg);
     -ms-transform: translateY(-7px) rotate(-45deg);
     transform: translateY(-7px) rotate(-45deg);
}
 .menu-toggle:checked ~ .menu.shifted {
     right: 196px;
}
 .card1, .card2, .card3 {
     position: absolute;
     background-color: #fff;
     width: 79%;
}
 .card1:hover, .card2:hover, .card3:hover {
     cursor: default;
     background-color: #fff;
}
 .card1 {
     top: 31px;
     left: -19px;
     z-index: 99;
}
 .card2 {
     top: 115px;
     left: 39px;
     z-index: 100;
     -webkit-transform: rotate(365deg);
     -ms-transform: rotate(365deg);
     transform: rotate(365deg);
}
 .card3 {
     top: 203px;
     left: 16px;
     z-index: 101;
     -webkit-transform: rotate(358deg);
     -ms-transform: rotate(358deg);
     transform: rotate(358deg);
}
 #cityLikesTable table .adaptive-table {
     width: 100%;
     border-collapse: collapse !important;
     font-family: sans-serif;
     margin-top: 10px !important;
}
 .adaptive-table th, .adaptive-table td {
     padding: 8px 16px;
     border: 1px solid #ddd;
     text-align: left;
     font-size: 14px;
}
 .adaptive-table th {
     background-color: #f4f4f4;
}
 .faq-container {
     margin: 12px auto 0;
     padding: 0 20px 20px;
}
 .zagQ {
     text-align: center;
     font-size: 17px;
     font-weight: 500;
     color: #201f1f;
     margin: 12px 0 21px 0;
     text-decoration: underline;
}
 .faq-item {
     background: #fff;
     border: 1px solid #eee;
     border-radius: 8px;
     margin-bottom: 10px;
     overflow: hidden;
     -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
     box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
     font-family: 'Rubik', sans-serif;
}
 .faq-item input {
     display: none;
}
 .faq-question {
     display: block;
     padding: 18px;
     font-weight: 500;
     color: #333;
     cursor: pointer;
     position: relative;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     font-size: 14px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .faq-question:hover {
     background-color: #fcfcfc;
}
 .faq-question::after {
     content: '+';
     position: absolute;
     right: 20px;
     font-size: 20px;
     top: 14px;
     color: #4a90e2;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .faq-answer {
     max-height: 0;
     overflow: hidden;
     -webkit-transition: max-height 0.4s ease-out, padding 0.3s ease;
     -o-transition: max-height 0.4s ease-out, padding 0.3s ease;
     transition: max-height 0.4s ease-out, padding 0.3s ease;
     background: #fff;
}
 .faq-answer p {
     padding: 7px 20px 20px;
     line-height: 1.3;
     color: #666;
     margin: 0;
     font-size: 14px;
}
 .faq-item input:checked~.faq-answer {
     max-height: 290px;
}
 .faq-item input:checked~.faq-question {
     color: #4a90e2;
}
 .faq-item input:checked~.faq-question::after {
     content: '−';
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
 ul.fq_ul {
     margin: -8px 0 17px 0;
     padding: 0 0 2px 43px;
}
 ul.fq_ul li {
     font-size: 13px;
     line-height: 1.3;
}
 ul.agrr {
     margin: -8px 0 4px 0;
     padding: 13px 0 0px 17px;
}
 .qa-section {
     margin: 0 0;
     padding: 0 33px 18px 19px;
}
 .sp_agr {
     font-size: 14px;
     line-height: 1.1;
     color: #333;
     margin: 0;
}
 .qa-title {
     margin: 23px 0 17px 0;
     text-align: center;
     font-size: 17px;
     font-weight: 500;
     color: #201f1f;
     text-decoration: underline;
     padding-left: 15px;
     font-family: 'Roboto Serif';
}
 .pre_text {
     font-size: 14px;
     padding: 0 43px 9px;
     font-family: 'Rubik', sans-serif;
}
 .qa-group, .qa-groupagr {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     gap: 0px;
     margin-bottom: 14px;
     padding-bottom: 0px;
     font-family: 'Rubik', sans-serif;
}
 .qa-group:last-child {
     border-bottom: none;
}
 .qa-number {
     font-size: 15px;
     font-weight: 500;
     color: #000;
     min-width: 43px;
     height: 27px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 50%;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin: -5px 0 0 0;
}
 .qa-question {
     margin: 0 0 6px 0;
     font-size: 15px;
     color: #000;
     line-height: 1.3;
     font-weight: 500;
     font-family: 'Rubik', sans-serif;
}
 .qa-answer {
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
     color: #333;
}
 .contBox {
     font-size: 14px;
     padding: 0 23px;
}
 .contSpan {
     font-weight: 500;
     border-top: 1px solid #afafaf;
     padding: 4px 0 0 0;
}
 .svg_info {
     vertical-align: middle;
     margin: 0 11px 3px 0;
}
 .svg_qa {
     vertical-align: middle;
     margin: 0 11px 3px 0;
}
 .overlay_modal, .overlay_modal_stat {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.6);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     z-index: 120;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .overlay_modal.active {
     opacity: 1;
     visibility: visible;
}
 .overlay_modal_stat.active {
     opacity: 1;
     visibility: visible;
}
 .modal {
     position: relative;
     background: white;
     padding: 40px 30px 30px;
     border-radius: 12px;
     -webkit-transform: translateY(-127px);
     -ms-transform: translateY(-127px);
     transform: translateY(-127px);
     -webkit-transition: -webkit-transform 0.3s ease-in-out;
     transition: -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     max-width: 456px;
}
 .close-cross {
     position: absolute;
     top: 10px;
     right: 15px;
     font-size: 28px;
     font-weight: bold;
     color: #aaa;
     cursor: pointer;
     line-height: 1;
     -webkit-transition: color 0.2s;
     -o-transition: color 0.2s;
     transition: color 0.2s;
}
 .close-cross:hover {
     color: #333;
}
 .overlay_modal.active .modal {
     -webkit-transform: translateY(-77px);
     -ms-transform: translateY(-77px);
     transform: translateY(-77px);
}
 .mod_undrl {
     text-decoration: underline;
}
 .mod_zag {
     text-align: center;
     font-size: 14px;
     font-weight: 500;
     margin: 0 0 0 0;
}
 .mod_text {
     font-size: 14px;
     margin: 10px 0 0 0;
}
 .BtmModBox {
     text-align: center;
     margin: 15px 0 0 0;
}
 .logolink {
     text-decoration: none;
}
 .logColBox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
}
 .logotext {
     font-size: 12.4px;
     position: absolute;
     bottom: -10px;
     color: #898989;
}
 .modl {
     font-size: 15px;
}
 .modal_stat_proc {
     position: relative;
     border-radius: 12px;
     min-width: 204px;
     background: #b5e4ff26;
     min-height: 20px;
     color: #fff;
     padding: 18px 30px 18px;
     -webkit-transform: translateY(-127px);
     -ms-transform: translateY(-127px);
     transform: translateY(-127px);
     -webkit-transition: -webkit-transform 0.3s ease-in-out;
     transition: -webkit-transform 0.3s ease-in-out;
     -o-transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
     max-width: 456px;
}
 .overlay_modal_stat.active .modal_stat_proc {
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px);
}
 .statusBox {
     margin: 12px 0 0 0;
     width: 99%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     max-height: 322px;
     overflow-y: auto;
     scrollbar-width: thin;
     scrollbar-color: #888 transparent;
}
 .statusBox.has-scroll {
     -webkit-box-shadow: inset 0 -8px 9px -10px rgba(122, 121, 121, 0.64);
     box-shadow: inset 0 -8px 9px -10px rgba(122, 121, 121, 0.64);
}
 .currentBox {
     border: 1px solid #e7e7e7;
     margin: 0 0 8px 0;
     border-radius: 6px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     padding: 6px 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     opacity: 0;
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px);
     -webkit-transition: 0.3s ease;
     -o-transition: 0.3s ease;
     transition: 0.3s ease;
     min-height: 28px;
}
 .sBox {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .currentBox.show {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
 .ldr_ic {
     width: 23px;
     height: 23px;
     border: 3px solid #5777cd38;
     border-bottom-color: transparent;
     border-radius: 50%;
     display: inline-block;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-animation: rotation 1s linear infinite;
     animation: rotation 1s linear infinite;
}
 @keyframes rotation {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 .compl_ic {
     width: 23px;
     height: 23px;
     background-color: #4caf50;
     border-radius: 50%;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .compl_ic::after {
     content: '';
     position: absolute;
     width: 3px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     margin-top: -1px;
     left: 9px;
}
 .stst_mess {
     margin: 0 0 0 19px;
     font-size: 13px;
}
 .stst_time {
     margin: 0 0 0 9px;
     font-size: 13px;
}
 .abt {
     min-height: 415px;
     font-family: 'Rubik', sans-serif;
}
 .imgLogo {
     width: 35px;
     margin: -5px 4px 0 0;
}
 .pdn {
     padding: 0 0 0 0;
}
 .divrdLine {
     display: none;
     position: absolute;
     border: 1px solid #dfdfdf;
     width: 100vw;
     left: 49.5%;
     right: 49.5%;
     margin-left: -50vw;
     margin-right: -50vw;
     top: -4px;
     -webkit-box-shadow: inset 0 2px 5px rgb(0 0 0 / 25%);
     box-shadow: inset 0 2px 5px rgb(0 0 0 / 25%);
}
 .cntr {
     text-align: center !important;
     font-size: 14px;
}
 .mrg9 {
     margin: -9px 0 10px 0;
}
 .flbs100 {
     -ms-flex-preferred-size: 100%;
     flex-basis: 100% 
}
 .wdth568 {
     width: 568px;
     margin: 32px 0 86px 0;
     padding: 0 0 25px 0;
}
 .wdth750 {
     width: 750px;
}
 .mh615 {
     min-height: 615px;
     margin: 12px auto 86px;
}
 .ff31 {
     font-size: 18px;
     margin: 27px 0 12px 0;
}
 .ff32 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse;
     gap: 10px;
}
 .ff33 {
     -ms-flex-preferred-size: 56%;
     flex-basis: 56%;
}
 .subDescr3_1 {
     font-size: 14px;
}
 .subDescr3_2 {
     margin: 18px 0 0 0;
}
 .ff36 {
     text-align: center;
     font-size: 18px;
     font-weight: 500;
}
 .ff37 {
     margin: 0 0 6px 0;
}
 .spn3 {
     font-weight: 500;
}
 ol li.li3 {
     margin: 0 0 6px 0;
}
 .li3::marker {
     font-weight: 500;
}
 .ff40 {
     -ms-flex-preferred-size: 43%;
     flex-basis: 43%;
     margin: 0 24px 0 0;
}
 .PhneBlock {
     position: absolute;
     top: -14px;
     left: 65px;
}
 .imgPhne {
     width: 268px;
}
 .ff43 {
     height: 463px;
     background: aliceblue;
}
 .mnhght {
     min-height: 175px;
}
 .none {
     display: none;
}
 .dispblock {
     display: block !important;
}
 @media only screen and (max-width: 1180px) {
     .navigationDiv {
         margin: 0 17px 0 0;
         width: unset;
    }
}
 @media only screen and (max-width: 1099px) {
     .sitenameDiv {
         margin: 0 0 0 30px;
    }
}
 @media only screen and (max-width: 1050px) {
     .plateBox, .wrapper2, .plateBox2 {
         width: 100%;
    }
     .wrapper2 {
         gap: unset;
    }
     .chartsPlate {
         margin: 45px 0 6px 0;
         width: 100%;
    }
     #cityLikesTable, .age_js, .gender_js, .fr_percent_js, .liveBlocked_js, .timeline_js, .heatmap_js, .daily_js {
         width: unset;
    }
     .wdth568 {
         margin: 32px 0 -30px 0;
    }
     .canvLayer2 {
         -webkit-box-pack: unset;
         -ms-flex-pack: unset;
         justify-content: unset;
    }
     .canvBox2 {
         width: 100%;
    }
     .none {
         display: none;
    }
}
 @media only screen and (max-width: 1010px) {
     .gp2:after {
         content: none;
    }
}
 @media only screen and (max-width: 985px) {
     .stItem {
         text-align: center;
    }
     .minStatBlock {
         gap: 13px;
    }
}
 @media only screen and (max-width: 942px) {
     .navigationDiv {
         display: none;
    }
     .navbar {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
     .faq-container {
         padding: 0 20px 0;
    }
}
 @media only screen and (max-width: 935px) {
     .plateBox {
         padding: 0 0 25px 0;
    }
     .plateBox2 {
         padding: 0 0 10px 0;
         margin: 32px auto 20px;
    }
     .uliBox {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .wdth568 {
         margin: 32px 0 -30px 0;
    }
     .ff31 {
         margin: 18px 0 6px 0;
    }
     .ff32 {
         padding: 7px 27px;
    }
     .ff40 {
         width: 100%;
         -ms-flex-preferred-size: unset;
         flex-basis: unset;
    }
     .ff43 {
         position: absolute;
         z-index: 2;
    }
     .PhneBlock {
         position: relative;
         z-index: 10;
         left: unset;
    }
     .mh615 {
         margin: 10px auto 37px;
    }
     .none {
         display: none;
    }
}
 @media only screen and (max-width: 775px) {
     .plateBox {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         margin: 27px auto 30px 
    }
     .qAnsw {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .col_1 {
         padding: 7px 32px 0 32px;
    }
     .col_2 {
         margin: 23px 0 0 0;
    }
     .preRow {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .annotate {
         text-align: center;
         width: 100%;
    }
     .inptBox {
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
    }
     .br {
         display: none;
    }
     .none {
         display: none;
    }
     .mnhght {
         min-height: 142px;
    }
}
 @media only screen and (max-width: 701px) {
     .navbar {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
    }
}
 @media only screen and (max-width: 667px) {
     .minStatBlock {
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
         gap: unset;
    }
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk, .allMansBlk, .allWomansBlk, .allNotFrBlk {
         width: 33.333%;
    }
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk {
         margin: 0 0 18px 0;
    }
}
 @media only screen and (max-width: 614px) {
     .footer {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
         gap: 14px;
         height: auto;
         -webkit-box-align: start;
         -ms-flex-align: start;
         align-items: flex-start;
         padding: 16px 50px;
    }
     .stiteTitle {
         font-size: 27px;
    }
     .imgLogo {
         width: 29px;
    }
     .logotext {
         font-size: 11.4px;
         position: absolute;
         bottom: -10px;
         color: #898989;
    }
}
 @media only screen and (max-width: 594px) {
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk, .allMansBlk, .allWomansBlk, .allNotFrBlk {
         width: 50%;
    }
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk, .allMansBlk {
         margin: 0 0 18px 0;
    }
     .qa-group {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         gap: 15px;
    }
     .qa-section {
         padding: 0 24px 18px 5px;
    }
}
 @media only screen and (max-width: 500px) {
     .col_1 {
         padding: 12px 32px 0 32px;
    }
     .border_ava, .avaMain {
         height: 90px;
         width: 90px;
    }
     .imgContaner {
         width: calc(33% - 1px);
    }
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk, .allMansBlk, .allWomansBlk, .allNotFrBlk {
         width: 33.333%;
    }
     .allLikesBlk, .allPhotosBlk, .allPersonsBlk, .allMansBlk, .allWomansBlk, .allNotFrBlk {
         margin: 0 0 18px 0;
    }
     .stItem {
         font-size: 12px;
    }
     .zagQ {
         font-size: 14px;
         margin: 7px 0 16px 0;
    }
     .faq-question, .faq-answer p {
         font-size: 13px;
    }
     .stst_mess, .stst_time {
         font-size: 12px;
    }
}
 @media only screen and (max-width: 455px) {
     .btnMainBox {
         display: none;
    }
     .btnMainBox3 {
         display: block;
    }
     .preRowInfo {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
    }
     .preNameBox {
         margin: 0 0 0 0;
         text-align: center;
    }
     .border_ava {
         margin: 0 0 0 0;
    }
     .border_ava {
         display: none;
    }
     .button_preInfo2 {
         top: unset;
         left: 50%;
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
    }
     .preCol {
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
    }
     .profressBox {
         margin: 19px 0 0 0;
    }
     .mnhght {
         padding: 0 0 19px 0;
    }
     .minStatBlock {
         position: relative;
         margin: 20px 0 -14px 0;
         padding: 14px 0 0 0;
    }
     .card1 {
         left: -3px;
    }
     .card1, .card2, .card3 {
         width: 90%;
    }
     .divrdLine {
         display: block;
    }
     .none {
         display: none;
    }
     .dispblock {
         display: block !important;
         margin: 11px 0 -7px 0;
    }
}
 @media only screen and (max-width: 422px) {
     .col_2 {
         margin: 12px 0 0 0;
    }
     .block, .block_scan {
         -webkit-transform: scale(0.89);
         -ms-transform: scale(0.89);
         transform: scale(0.89);
    }
     .preRowInfo {
         margin: -26px 0 0 0;
    }
     .pAge, .pLoc, .plink {
         font-size: 12px;
    }
     .plateBox {
         min-height: 517px;
    }
     .mnhght {
         min-height: 175px;
    }
     .none {
         display: none;
    }
     .border_ava, .avaMain {
         height: 85px;
         width: 85px;
    }
     .imgContaner {
         width: calc(50% - 1px);
    }
     .dispblock {
         display: block !important;
         margin: 34px 0 -7px 0;
         ;
    }
     .pName {
         margin: 0 0 -1px 0;
    }
}
 @media only screen and (max-width: 396px) {
     .radio-input label {
         font-size: 12.2px;
    }
}
 @media only screen and (max-width: 380px) {
     .avasBox {
         margin: 38px 0 0 0px;
    }
     .pName {
         font-size: 14px;
    }
     .pAgeCity, .pType {
         font-size: 12px;
    }
}