a.accordion-button:before {
    font-family: "Font Awesome 6 Free";
    font-weight:400;
    content: "\f35a";
    font-size: 2.1em;
    display: block;
    float: left;
    padding-right: 15px;
    transition: transform 0.3s ease;
}
a.accordion-button:hover::before, a[aria-expanded="true"].accordion-button::before {
    font-family: "Font Awesome 6 Free";
    content: "\f358";

}

#storyaccordion {
    padding:15px 0;
}
.story {
    border-radius: 8px;
    margin: 20px 0;
    text-align: left;
    box-shadow: 0 0 10px -4px;
    transition: box-shadow 0.3s ease;
}
.story:hover {
    box-shadow: 0 3px 10px -2px;
}
.accordion-header {
    padding: 18px 40px 12px 40px;
    cursor: pointer;
    font-weight:bold;
    font-size:large;
    display:block;
}
a.accordion-header:hover {
    text-decoration:none !important;
    color:#00b0bb;
}
.story-intro {
    margin: 0px 0 7px;
    color:#555;
    font-weight:bold;
    font-size:medium;
}
.story-body {
    padding: 0 40px 40px;

}
.qst {
    font-weight:bold;
    text-align:left;
    font-size:large;
    color:#00b0bb;
    margin-bottom:20px;
}
.qst i{
    margin-right:10px;
    
}
.ans {
    font-weight:normal;
    font-size:medium;
    color:#555;
    font-style:italic;
}
.base-socicon {
    width:0.8em;
    height:0.8em;
    fill:white;
}
.page-title, .page-header h1 {
    font-family: 'Roboto Condensed';
}
.no-top-margin {
    margin-top:0 !important;
}
a:focus {
    outline: none !important;
}
.x-large {
    font-size:x-large;
}
.quiz-embedded .modal-header {
    display:block;
    padding-top:4rem;
    font-size:1.2em;
}
.contacttype .switcher label {
    margin-right:12px;
}
.popupform .phone {
    display:block;
    margin-right:0;
}
.greenblock .modal-header {
    border:none;
}
.greenblock .modal-footer {
    border:none;
}
.greenblock .modal-footer a, .greenblock .tos_box a{
    color:#fff;
}
.flex-form-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:20px;

}
.flex-form-block .form-group {
    margin:5px 10px;
}
.flex-form-block select, .flex-form-block input[type="text"], .quiz-embedded .form-group select, .quiz-embedded .form-group input[type="text"], .quiz-embedded .form-group input[type="tel"] {
    font-size:medium !important; 
    height: 43px !important;
    padding: 10px;
}
.h-filials {
    font-size:1.27em;
}
.quiz-embedded .formcheck-block {
    margin: 5px 10px;
    padding:10px 5px 3px;
    border: none;
    min-width: 0px;
}
.formcheck-block {
    margin: 5px 10px;
    padding:10px 15px 3px;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 150px;
}
.modal-footer .tos {
    padding-top:10px;
    padding-bottom:15px;
}
.formcheck-block div {
    float:left;
}
.formcheck-block label {
    font-weight:normal;
}
.align-items-center {
    align-items:center;
}
.align-left {
    text-align:left;
}
#how {
    margin-left:22px;
}
#how .form-check {
    margin-bottom:15px;
}
#phone-lbl {
    text-transform:none;
    font-size:16px;
}
.inner-block .frn-form-items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 60px;
    justify-content: center;
}

.msg-icon2 a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.no-padding {
    padding:0;
}
.no-margin-top {
    margin-top:0 !important;
}
.no-margin-bottom {
    margin-bottom:0 !important;
}
.inner-block {
    padding:60px 50px;
}
/* оформление заглушки для видео с кнопкой play */
.autoembed iframe {
    width:100%;
}
.videoplayer_thumb {
	width: 100%;
	padding-top: 56.25%; /* Соотношение 16:9 */
	background-size: cover;
	background-position: center;
	position: relative;
	cursor: pointer;
	border-radius: 8px;
	border: 4px solid var(--accent-color-alt);
	transition: border-color .2s ease-in-out;
}

.play-icon-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--accent-color);
	border-radius: 50%;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 8px;
}

.videoplayer_thumb:hover .play-icon svg {
	transform: scale(1.2);
}

.videoplayer_thumb:hover {
	border-color: var(--accent-color);
}

.play-icon svg {
	fill: #fff; /* Цвет иконки */
	transition: transform .2s ease-in-out;
}

.youtube-video,
.vk-video,
.videoplayer_thumb
{
	width: 100%!important;
	aspect-ratio: 16 / 9.05!important;
}


.youtube-video,
.vk-video,
.videoplayer_thumb
{
	background-color: var(--card-background);
	box-shadow: var(--shadow-elevation-medium);
}

.youtube-video,
.vk-video
{
	border: 4px solid var(--accent-color);
}

/* оформление заглушки для видео с кнопкой play */
.t3-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.t3-footer {
    margin-top: auto;
}
.footerblock {
    font-size:1.5em;
    margin: 20px 0;
}
.footerblock .hdr{
    font-weight:bold;
}
.footerblock > div {
    display:flex;
    flex-direction: column;
    margin-top:20px;
}
.footerblock > div > div {
    margin-bottom:12px;
}
.footerblock > div > div > .phonelink{
    margin-right:10px;
}
.t3-sl .greenblock, .t3-sl .yellowblock {
    border-radius:10px;
}

.greenblock.wrap.t3-sl.t3-sl-3 {
    margin-top: 30px;
}
.noborder {
    border:none !important;
}
.top-contacts-block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.top-contacts-block i {

}
.top-phones-block {
    margin-left:30px;
}

.filgreen {
    fill:#00B0BB;
}
.filgreen:hover {
    fill:#0096a3;
}
.partners {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    row-gap:30px;
}
.partner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    border: 1px solid #cccccc;
    border-radius: 8px;
    padding: 10px;
}
.partner img {
    width:100%;
}

.payform-tinkoff {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 2px auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .payform-tinkoff-row {
        margin: 5px 0;
        border-radius: 4px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border: 1px solid #DFE3F3;
        padding: 15px;
        outline: none;
        background-color: #DFE3F3;
        font-size: 15px;
    }
    .payform-tinkoff-row:focus {
        background-color: #FFFFFF;
        border: 1px solid #616871;
        border-radius: 4px;
    }
    .payform-tinkoff-btn {
        background-color: #FBC520;
        border: 1px solid #FBC520;
        color: #3C2C0B;
    }
    .payform-tinkoff-btn:hover {
        background-color: #FAB619;
        border: 1px solid #FAB619;
    }
.rev-rating {
    font-size:x-large;
    color:#aaa;
    display:flex;
}
.rev-rating span::before {
    content: "★";
}
.r-rating-1 .r-star-1,  .r-rating-2 .r-star-1, .r-rating-2 .r-star-2, .r-rating-3 .r-star-1,  .r-rating-3 > .r-star-2, .r-rating-3 > .r-star-3, .r-rating-4 > .r-star-1, .r-rating-4 > .r-star-2,  .r-rating-4 > .r-star-3, .r-rating-4 > .r-star-4, .r-rating-5 > .r-star-1, .r-rating-5 > .r-star-2, .r-rating-5 > .r-star-3,  .r-rating-5 > .r-star-4, .r-rating-5 > .r-star-5 {
    color:#FFA000;
}
.rating-block {
    position: relative;
    top: 37px;
    left: 41px;
    background: #fff;
    padding: 0 10px;
    z-index: 999;
    font-weight: bold;
    width: fit-content;
}

.blockquote-rev {
	position: relative;
	text-align: left;
	margin: 16px 16px 34px 16px;
	border: 4px solid #00b0bb;
	border-radius: 20px;
    padding: 24px 32px;
    font-size: 18px;
}

.blockquote-rev .fa-stack {
    float: left;
    margin-right: 10px;
    top: 7px;
}
.blockquote-rev .fa-star {
    color:#FFA000;
}
.blockquote-rev:before,
.blockquote-rev:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}
.blockquote-rev:before {
	left: 33px;
	bottom: -32px;
	border: 15px solid;
	border-color: #00b0bb transparent transparent #00b0bb;
}
.blockquote-rev .rev-date {
    font-size: small;
    color:#777;
}
.blockquote-rev .rev-date::after {
    content: '\2014 \00A0';
    padding-left: 5px;
}
.blockquote-rev:after {
	left: 37px;
	bottom: -22px;
	border: 14px solid;
	border-color: #fff transparent transparent #fff;
}
.blockquote-rev .rev-name {
    position: absolute;
    bottom: -42px;
    left: 71px;
    color: #333;
    font-weight: bold;
    font-style: italic;
    line-height: 1.6em;
}
.rev-icon {
    margin: 0 8px 0 0;
    float: left;
    width: 28px;
    height: 28px;
}
.icon-yandex {
    background-image: url(../images/icons/icon-yandex.svg);
}
.icon-google {
    background-image: url(../images/icons/icon-google.svg);
}
.icon-2gis {
    background-image: url(../images/icons/icon-2gis.svg);
}
.icon-vl {
    background-image: url(../images/icons/icon-vl.svg);
}
.blog-item {
    margin-bottom:80px;
}
.btn-primary {
    background: linear-gradient(to top, #0083a0, #00b0bb)!important;
    color: #ffffff;
    border:none;
}
.site-slogan {
    font-size: 26px;
    font-weight: bold;
    color: #555;
    padding: 0;
    text-align: right;
    margin-top: -4px;
}
.site-slogan span {
/* display: block; */
    font-size: 16px;
    font-weight: normal;
    padding: 10px 0 0;
}
    
.rating-1 #main-rev, .rating-2 #main-rev, .rating-3 #main-rev, .rating-4 #main-rev, .rating-5 #main-rev, .rating-local #main-rev, .rating-0 #rev-high, .rating-0 #rev-low, .rating-1 #rev-high, .rating-2 #rev-high, .rating-3 #rev-high, .rating-local #rev-high, .rating-4 #rev-low, .rating-5 #rev-low, .rating-1 .review-head, .rating-2 .review-head, .rating-3 .review-head, .rating-4 .review-head, .rating-5 .review-head, .rating-local .review-head  {
    display:none;
}
.rev-heading-text {
    margin-bottom:25px;
    text-align:center;
}
#rev-high .btn {
    width:70%;
    margin:8px 0;
}
img.btn-logo{
    height:32px;
    margin-right:10px;
}


.review-body {
    border:1px solid #eee;
    width:480px;
    margin:20px auto;
    padding:15px;
}
.rating-area {
	overflow: hidden;
    width: 210px;
    margin: 0 auto;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
    display:block;
	float: right;
	width: 42px;
	padding: 0;
	cursor: pointer;
	font-size: 40px;
	line-height: 50px;
	color: lightgrey;
	text-shadow: 1px 1px #bbb;
}
.rating-area:not(:checked) > label:before {
	content: '★';
}
.rating-area > input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px #c60;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	color: gold;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	color: gold;
	text-shadow: 1px 1px goldenrod;
}
.rate-area > label:active {
	position: relative;
}

.item-date {
    border-right: 3px solid;
    padding: 0px 15px 0 0;
    text-align: right;
    margin-right: 15px;
    color: #00b0bb;
    font-size: 24px;
}
.base_form_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 20px;
}
.base_form_fields .control-group {
    flex: 1 1 17rem;
    margin:0;
}
.base_form_fields .control-label {
    display:none;
}
#name, #email, #phone {
    float:none;
    margin:0;
    padding:10px 15px;
    font-weight:normal;
    text-transform:none;
    height: auto;
}
#tos_box-lbl, #tos_box-lbl2 {
    margin-left:10px;
    font-weight:normal;
    line-height:normal;
}
.tos-group {
    display:flex;
}
.tos-group-label {
    text-align:left;
}
.tos-group-label a {
    color:white;

}
.wjcallbackform .control-group.tos_box, .control-group.tos_box {
    font-size: smaller;
    text-align: left;
    display: inline-flex;
    flex-direction: row-reverse;

}
.tos-group-box {
    margin-right:10px;
}
.control-group.tos_box {
    margin-top: 20px;
}
.block {
    display:block;
}
.pointer-events-none {
    pointer-events:none;
}
.form-group:before {
    content: " ";
    display: table;
}
.form-group:after {
    clear: both;
    content: " ";
    display: table;
}
.field-calendar, .field-calendar .input-group {
    padding:0!important;
}
.field-calendar .input-group {
    display:inline-flex;
}

.form-group div {
    padding:3px 0;
}
.input-group {
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    display: flex;
    position: relative;
}
.visually-hidden {
    display:none;
}
.input-group>.form-control, .input-group>.form-select, .input-group>.custom-select, .input-group>.form-floating {
    flex: auto;
    width: 1%!important;
    min-width: 0;
    position: relative;
}

.control-group.phone {
    float:none;
}
.w-90 {
    width:90%;
}
.w-100 {
    width:100%;
}
.w-105 {
    width:105%;
}
.w-110 {
    width:110%;
}
.phonebutton {
    display:inline-block;
    width:250px;
}
.phonebutton:before {
    content:'Звоните!';
} 
.phonebutton:hover.phonebutton:before {
    content:'+7 950-345-41-11';
} 
.image-button-block {
    position:relative;
}
.image-button-block div {
    position: absolute;
    bottom: 0;
    margin-bottom: 90px;
    text-align: center;
    width: 100%;
}
.image-bg-block .overlay-block {
    position: absolute;
    margin: 40px 64px;
}
.overlay-block .image-form-title {
    font-size: 48px;
    font-weight: bold;
    text-align: left;
    line-height: normal;
    color: #57290f;
}
.image-button-block .image-form-title {
    top: 40px;
    left: 64px; 
    font-size: 48px;
    font-weight: bold;
    text-align: left;
    line-height: normal;
}
.overlay-block .image-form-button {
    font-size: x-large;
    margin-top: 38px;
}
.overlay-block .image-form-button .button{
    padding:14px 32px;
}
.image-button-block button {
    /* width:25%; */
    font-size:22px;
}
.svo-form-button-screen {
    position: relative;
    bottom: 140px;
    text-align: right;
    padding-right: 100px;
}
.svo-form-button-screen a{
    font-size:x-large;
}
.svo-form-button-mobile {
    text-align: center;

}
.svo-form-button-mobile a {
    display:block;
    font-size:x-large;
}
.isround {
    border-radius:5px;
}
.isshadow {
    box-shadow:1px 1px 10px -3px #00000099;
}
.air {
    padding: 40px 30px;
    margin: 40px 0;
}
.xl-font {
    font-size:32px;
}
.tab-conteny-bordered {
    border-top: 5px solid #00b0bb;
    border-left: 2px solid #00b0bb;
    border-right: 2px solid #00b0bb;
    border-bottom: 2px solid #00b0bb;
    border-radius: 5px;
    padding: 15px 20px;
}
.service-comment {
    border-top: 2px solid #00b0bb;
    margin-top: 25px;
    padding-top: 10px;
    margin-bottom: 15px;      
}
.service-comment div p {
    font-size: 15px!important;      
}
.service-separator {
    margin-top: 30px;
    border-bottom: 2px solid #ddd;
    font-size: 20px;
    text-align: center;
}
.gallery {
   /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    margin-right: -16px;
    margin-left: -16px;
}
.jacl-item__media.media-1-1 {
    padding-bottom: 100%;
    position: relative;
    height: 0;
    width: 100%;
}
.jacl-item__media.radius-normal {
    border-radius: 5px;
    overflow: hidden;
}
.jacl-item__media.media-1-1 img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.congrads p {
    font-size:120%!important;
    color:#00b0bb;
    line-height:2em!important;
    font-style: italic;
}
.congrads p:first-child {
    padding-top:50px;
    font-size:150%!important;
    
}
.frn-block {
    display: flex;
    justify-content: center;
    font-size: 28px;
    padding: 20px 25px 10px;
    align-items: center;
    flex-wrap: wrap;
}
.frn-block-item {
    padding:10px 0;
}
.otklik {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 5px;
    box-shadow: 0 8px 8px -8px #cccccc;
}
.otklik .btn-lg {
    padding:10px 50px;
    font-size:20px;
    box-shadow: 1px 1px 5px 0 #cccccc;
}
.otklik span{
    text-align: center;
    font-size: 21px;
    margin: 20px;
    color: #00b0bb;
}
.otklik span a{
    border: 1px solid #00b0bb;
    border-radius: 5px;
    padding: 10px 50px;
    box-shadow: 1px 1px 5px 0 #cccccc;
}
.vac-param h3{
    margin-top:0;
}
.vac .col-md-3 {
    padding:0 0 10px 0;
}
.vac .introtext {
    margin-left:-15px;
}
.color-red {
    color: #fff; 
    background: linear-gradient(to top, #dc0074, #F44336);
}
.color-grey-trspr {
    color: #333; 
    background: linear-gradient(to top, hsl(0deg 0% 75% / 75%), hsl(0deg 0% 100% / 75%));
}


.color-yellow {
    color: #333;
    background: linear-gradient(to top, #FFA000, #FFC107);
}
.color-green {
    color: #fff;
    background: linear-gradient(to top, #0083a0, #00b0bb);
}
.color-green-trspr {
    color: #fff;
    background:linear-gradient(to top, hsl(190deg 100% 28% / 65%), hsl(185deg 98% 46% / 65%));
}

.event-datetime {
    display: flex;
    top: 30px;
    position: absolute;
    z-index: 999;
    right: 30px;
    color: #fff;
    flex-direction: column;
    align-items: stretch;

}
.event-day {
    display: flex;
    font-size: 19px;
    flex-direction: column;
    align-items: center;
    padding: 8px 15px;
    border-radius: 5px;
}
.event-time {
    font-size: 21px;
    font-weight:bold;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    margin-top: 5px;
}
.event-day .mday {
    font-size:51px;
    font-weight:bold;
    line-height: 1em;
    border-bottom: 2px solid;
}
.event-day .wday {
    font-size:15px;
}
.event-info {
    font-size:21px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.event-info div{
    margin-right:40px;
}
.event-info div i{
    margin-right:5px;
}
.event-intro {
    margin-top:20px;
}
.event-img {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.event-img img{
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    top: 0;
    left: 0;
    border-radius:5px;
}
.eventrow {
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px 0 #eee;
    padding: 30px 10px;
    margin-top:30px;
    border-radius:5px;
}
.eventrow:hover{
    box-shadow: 0 0 20px 0 #ddd;
}
.event-button a, .event-button button {
    margin-top:15px;
    padding:10px 50px;
    font-size:18px;
}
.event-button a:hover, .event-button button:hover {
    box-shadow:0 0 6px #ccc;
}
.event-button a:hover {
    color:#fff;
}
.event-button .inactive:hover {
    cursor:default;
    box-shadow:none;
} 
.eventrow h3{
    margin-top:0;
    color:#00b0bb;
    font-size:26px;
}

a .salary, a .experience, a .introtext, .inner3 a {
    color:#333;
} 
.vacs a:hover {
    color:#2a6496 !important;
    text-decoration:none;
}
.vac {
    margin-top:20px;
    margin-bottom:25px;
}
.salary {
    font-size:21px;
}
.t3-navbar {
    font-family: 'Roboto Condensed';
}
.nopadding {
    padding:0;
}
.grid-left {
    display: grid;
    justify-items: start;
}
.flex {
    display:flex;
}
.d-flex {
    display:flex;
    align-items: baseline;
}
.d-flex-center {
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
.flex-grow-1 {
    flex-grow:1;
}
.flex-shrink-0 {
    flex-shrink: 0!important;
}
.justify-content-center {
    display:flex;
    justify-content:center;
}
.top-phone {
    display:flex;
    justify-content:center;
    font-size:21px;
    align-items: center;
    color: #00b0bb;
}
.top-phone a {
    font-size:28px;


}
.min-line-height {
    line-height:1em;
}
.bottom-dotted-separator {
    border-bottom:2px dotted;
    margin:0 7px;
}
.services-list  {
    font-size:18px;
    text-align: left;
}

.services-list span {
    display: block;
    font-size: 15px;
    font-style: italic;
    color: #333;
}
.services-list a:hover {
    text-decoration:none;
}
.services-list .min-line-height {
    margin:20px 0;
}
.big-gb button {
    font-size:24px;
}
.roundphoto {
    margin:20px 0;
}
.roundphoto img{
    border-radius: 50%;
    border: 5px solid #00b0bb;
    width:100%;
    height:auto;
}
.ja-ss-desc {
    width: 70% !important;
    padding: 10px 50px 20px !important;
    height: 131px !important;
}  
.t3-footer, .t3-footnav .t3-module {
    background:none;
    border:none;
}
p.p-strong {
  color: #444;
}
.view-sidelki {

}
.view-sidelki .item .item_wrap {
    position: relative;
    padding: 20px;
    min-height: 100%;
	text-align:left;
	box-shadow: 0px 0px 10px 0px #ccc;
    border-radius: 8px
}
.view-sidelki .item .item_wrap:hover .item_bg {
	  background-color: #0096a3;

}
.view-sidelki .item .item_name {
    position: absolute;
    top: 12px;
    right: 20px;
    z-index: 2;
    color: white;
	font-size:19px;
	text-align:right;
}
.view-sidelki .item .item_name .item_age {
    font-size:16px;
    font-weight:bold;
}
.view-sidelki .item .item_image {
    z-index: 2;
    position: relative;
    display: inline-block;
}
.view-sidelki .item .item_image img {
    border-radius: 60px;
}
.view-sidelki .item .item_field_group {
    padding: 10px 0;
    font-size:16px!important;
	color: #333;
	font-style: italic;
}

.view-sidelki .item .item_field_group .item_text p {
font-size:16px!important;
line-height:16px;
padding-top:10px;
}
.view-sidelki .item .item_bg {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 75px;
    left: 0;
    right: 0;
    border-radius: 10px 10px 0 0;
}
.view-sidelki .item .item_shadow {
    position: absolute;
    z-index: -1;
    height: 50px;
    left: 12px;
    right: 12px;
    box-shadow: 0 2px 18px 0 rgba(0,0,0,.3);
    bottom: 0;
}

.view-sidelki a:hover{
	text-decoration:none;
}
.faq {
font-weight:bold;
color: #00b0bb !important;
} 
.answer {
}
.vac-title {
font-weight:bold;
}
.vac-open i , .vac-closed i{
   font-size: 36px;
   margin: 0px 10px 0 0;
   display: block;
   float: left;
}
.vac-open i, .vac-open .vac-title {
   color: #00b0bb;
}
.vac-closed i, .vac-closed .vac-title{
   color: #999999;
}
.closed {
color: #f44336;
font-style:italic;
font-weight:normal;
}

@media screen and (max-width: 768px){
.webform-client-form-16 {
    position: relative;
    margin: 0 auto;
}
.sm-hide {
    display: none;
}
}
@media screen and (min-width: 769px){
    .md-hide {
    display: none;
}
.webform-client-form-16 {
    width: 650px;
    position: relative;
    background: url(../images/girl.png) right 40px no-repeat;
    margin: 0 auto;
    padding-right: 250px;
}
}

.resize-130 {
    height: 115px;
    margin: 0 8px 10px 0;
    border: 1px solid #eee;
}
.sellpack .greenblock {
    text-align:center;
    font-size:130%;
    padding:8px 5px;
    margin:0 -20px 15px -20px;
}
.sellpack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #00b0bb;
    border-radius: 3px;
    padding: 0 20px;
    margin-bottom: 30px;
}
.sellpack .price {
    text-align: center;
    font-size: 200%;
    margin-bottom: 10px;
    color: #00b0bb;
}
.sellpack button {
    width: 100%;
    margin-bottom: 20px;
}
.sellpack:hover {
    box-shadow: 0px 0px 7px -2px #00b0bb;
}
ul.list-check {
    padding-inline-start: 1em;
}
.list-check li {
    list-style: none;   
}
.item-enabled:before, .item-disabled:before, .list-check li:before {
    font-family: FontAwesome;
    font-size:120%;
}
.item-enabled:before, .list-check li:before {
    content:"\f00c";
    color:#00b0bb;
    margin-right:8px;   
}
.item-disabled:before {
    content:"\f00d";
    color:#D32F2F;
    margin-right:12px;
}
.item-disabled {
    color:#9fabb7;
}
.big-120 {
    font-size:120%;
}
.big-140 {
    font-size:140%;
}

.yellowbtn, .redbtn, .greenbtn {
    padding: 10px 20px;
    border: none;
    border-radius:5px;
    font-size:medium;
}

.yellowbtn:hover, .redbtn:hover, .greenbtn:hover {
    text-decoration:none!important;
}

.yellowbtn, .yellowblock {
    background:linear-gradient(to top, #FFA000, #FFC107);
    color: #504f4f!important;
}
.yellowbtn:hover {
    background:linear-gradient(to bottom, #FFA000, #FFC107);
    color: #504f4f!important;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.rounded {
    border-radius:8px;
}
.shadow {
    box-shadow: 0px 0px 10px 0px #ccc;
}
.space-top-80 {
    margin-top:80px !important;
}
.space-bottom-80 {
    margin-bottom:80px !important;
}
.space-top-40 {
    margin-top:40px !important;
}
.space-bottom-40 {
    margin-bottom:40px !important;
}
.space-top-20 {
    margin-top:20px !important;
}
.space-bottom-20 {
    margin-bottom:20px !important;
}
.greenbtn, .greenblock {
    background:linear-gradient(to top, #0083a0, #00b0bb)!important;
    color: #ffffff;
}
.greenbtn:hover, .greenbtn:focus {
    background:linear-gradient(to bottom, #0083a0, #00b0bb) !important;
    color: #ffffff;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.greenbtn:focus {
    color: #ffffff;
}
.redbtn, .redblock {
    background:linear-gradient(to top, #dc0074, #F44336);
    color: #ffffff;
}
.redbtn:hover {
    background:linear-gradient(to bottom, #dc0074, #F44336);
    color: #ffffff;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
}
.head-block .btn {
    font-size:large;
}
.topbutton {
    font-weight: bold;
    margin-left: 15px;
    padding: 5px 16px;
    float: right;
    margin-top: 12px;
}
.topbutton-mobile {
    font-weight: bold;
    margin-left: 15px;
    padding: 7px 10px;
    margin-top: 8px;
    border-radius: 40px;
    display: inline-block;
}
.medical {
    text-decoration:none;
    color:#ffffff;
    background: linear-gradient(#00b0bb, #0083a0);
    padding: 8px 15px;
    display: inline-block;

}
.medical:hover {
    text-decoration:none;
    color:#ffffff;

    
}
.medical span {
    padding-left:10px;
    
}

.owarn {
    height: 63px;
    opacity: 1;
    transition: 1s;
    overflow: hidden;
}
.owarn0 {
    height: 0px;
    opacity: 0;
    transition: 1s;
    overflow: hidden;
}
#oplata-warn {
    padding: 7px 15px 0 15px;
    border: 1px solid #f00;
    color:red;
    margin-bottom: 15px;
}


.filials-module .module-title {
    padding-bottom: 5px;
    border-bottom: 2px solid #00b0bb;
}

.fa-ul>li {
    margin-bottom: 12px;
}
.newmenuitem {
    background: linear-gradient(to top, #b90202, #ff6205);
}
.active .newmenuitem {
    background: #0096a3;
}

.message-container {

}
.customer-comment {
    height:100px;
}
.inputcont {
    margin:15px auto;
}
text_block:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}
.step_block {
    font-size:18px;
    
}

.step_block span {
    float: left;
    font-size: 35px;
    font-weight: bold;
    border: 4px solid;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    margin-right: 25px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}
.text_block {
    width: 100%;
    font-size: 22px;
    background: linear-gradient(to bottom, #00b0bb, #0083a0);
    color: white;
    padding: 25px;
    display: inline-block;
    vertical-align: middle;
    
}
.block_arrow {
    border: 20px solid;
    border-color: #0083a0 white white white;
    content: '';
    width: 0;
    height: 0;
    left: 50%;
    position: relative;   
}
.small-gb {
  	padding:10px;
  	margin: 0;
}
.big-gb {
  	padding:40px 50px 35px 50px;
  	margin: 80px 0 30px;
}
.big-gb h3 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 32px;
}

a.greenblock {
  	padding:12px 30px;
  	border-radius:5px;
}
a.greenblock:hover {
  	color:#fff;
  	text-decoration:none;
}

.big-gb a, .big-gb a:visited, .big-gb a:hover{
  	color:#fff;
  	font-size:150%;
  	text-decoration:none;
}
.copyright a, .copyright a:visited, .copyright a:hover{
  	color:#fff;
  	text-decoration:none;
}
 .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
  	outline:none !important;
}
.greenblock .pfirst {
  	font-size:200%;
  	}
.greenblock .psecond {
  	font-size:150%;
    margin-top:27px;
  	}
.pacs:hover, .srv-pacs:hover {

    box-shadow: 0 0 20px 0px #00b0bb90;
    transition: box-shadow 0.3s  ease-in;
}
.srv-pacs p.item-enabled {
    margin-bottom:5px;
}

.pacs, .srv-pacs{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 10px;
    height: 100%;
    width:100%;
    text-align:center;
    box-shadow: 0 0 10px 0px #ddd;
    transition: box-shadow 0.3s  ease-in;
}
.desc1, .desc2, .desc3 {
    padding:5px 40px;
    text-align:left;
}
.footerdesc {
    margin-top:40px;
}


.pacs-body div:nth-child(odd) {
    background-color:#f5f5f5;
}
.pacs-body div {
    padding:10px;
}

.pacs-head {
    font-size:140%;
    font-weight:normal;
    border-radius: 10px 10px 0 0;
    padding:10px;
}

.srv-price-block .pacs-button a{
    padding:10px 40px;
}

.srv-pacs .pacs-head {
    font-size: 150%;
    padding: 15px 40px;
    font-family: 'Roboto Condensed';
}
.srv-pacs .pacs-button a{
    font-size:x-large;
}
.priceblock {
    font-size:18px;
    line-height: normal;
    font-weight: bold;
    margin:20px 0 0;
}
.priceblock span {
    font-size:1.7em;
}
.priceblock div {
    font-weight:normal;
}
.pacs-button {
    display:inline-block;
    background:none !important;
}
.pacs-button a{
    display:inline-block;
}
.review {
    margin:20px 0;
}
.review span {
    display: block;
    text-align: right;
    font-style: italic;
    font-weight: bold;
}

.introimage {
    width:272px;
    margin-right:20px;
}
.introimage img {
    width:272px;
}
.news-item {
    display:table;
}
.page-header h2 {
    font-size:24px;
}
.navbar-toggle {
    margin-left:0px!important;
}
.homepage {
    font-family: 'Roboto',tahoma,geneva,sans-serif;
    color: #333;
}

.homepage h3, h3.homepage  {
    font-family: 'Roboto Condensed';
    font-size: 38px;
    font-weight: normal;
    color: #00b0bb;
    margin: 80px 0 20px;
    text-align: center;
}
.homepage h4, h4.homepage {
    font-size: 25px;
    font-weight: 400;
    margin: 20px 0;
    line-height: normal;
    color: #00b0bb;
}
.vacancy-block {
    margin-top:40px;
    margin-bottom:40px;
}
.vacancy-block .vacancy-block-item {
    display: flex;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px #ccc;
    padding-bottom: 20px;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.vacancy-block .vacancy-block-item p {
    font-size:16px;
    margin: 15px;
}
/*.vacancy-block .vacancy-block-item h4 {
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding-bottom: 7px;
    box-shadow: 0px 9px 10px -11px #777;
    border-radius: 30px;
    font-size: 16px;
    color:#00b0bb;
}*/
.vacancy-block-item .button {
    display: inline-block;

}
.vacancy-block-item .greenblock {
    border-radius:8px 8px 0 0;
    font-size:16px;
    padding: 12px;

}

.serviceblock {
    text-align: center;
    margin: 25px 0;
}
.gradient-icon {
  background: linear-gradient(to bottom, #00b0bb, #0083a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.serviceblock i {
    border-radius: 10px;
    padding: 12px 0px;
    color: #00b0bb;
    width: 62px;
    height: 62px;
    box-shadow: 0 0 8px -2px;
    line-height: 1.2;
}
.serviceblock h4 {
    font-family: 'Roboto Condensed';
}
.row-gap-40 {
    row-gap:40px
}
.row-gap-20 {
    row-gap:20px
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.row-flex.center {
    justify-content: space-evenly;
}
.v-stretch {
   display:flex;
   align-items: stretch;
}
.v-stretch .parent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: normal;
}
.head-icons {
    text-align:center;
    color: #00b0bb;
}
.head-icons i {
    color: #00b0bb;
    margin:40px 0 20px;
}
.serviceblock p {

}
.top-socicon-block svg, .footerblock svg {
    width:2em;
    height:2em;
    fill:#fff;
}
.iconblock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px;
    font-size: inherit;
}
.footerblock .iconblock {
    justify-content: left;
    margin:0;
}
.footerblock .iconblock .socicon {
    fill: #ffffffab;
    width:2em;
}
.iconblock i {
    margin: 0 3px;
}
.iconblock a{
    margin-right:10px;
}

.iconblock svg{
    width:47px;
    height:45px;
}
.iconblock a:hover{
    color:#ffa000;
}
.iconblock a:hover path{
    fill:#ffa000;
}
.iconblock a:hover svg > rect{
    stroke:#ffa000;
}

.iconblock a:focus{
    color:#00b0bb;
}

.iconblock .socicon {
    fill:#00b0bb;
    width:3em;
    height:3em;
}

a:hover .socicon, .footerblock .iconblock a:hover .socicon {
    fill:#FFA000;
}

.popup-bg {
    background: url(../images/system/thanks.jpg) no-repeat 30px 30px;
    /* background-size: contain; */
    color:#555;
    line-height:normal;
    text-align:right;
    padding:20px;
}
.popup-bg .modal-header {
    border-bottom:none;
}
.popup-header {
    font-family: 'Roboto Condensed';
    font-size: 3em;
    text-align: right;
    margin: 10px 0 20px;
    font-weight: bold;
    line-height: 1.1em;
}
.popup-text {
    font-size:1.5em;
    
}
.popup-bg .modal-title, .popup-iconblock {
    display:none;
}
.popup-iconblock .iconblock{
    margin:0;
}
.popup-bg .popup-iconblock {
    display:block;
    padding:0 0 40px;
}
.popup-bg .modal-body .center {
    margin-top: 30px;
    font-size: 1.3em;
}


.feedback {
    margin-bottom: 30px;
}
.fb-name {
    text-align: right;
    display: block;
    font-size: 16px;
    font-style: italic;
}
.feedback p {
    font-size:14px !important;
    text-align:justify;
    font-style:italic;
    
}
.overtext1:before {
    content:"";
    display:block;
    height:20px;
    position:relative;
    top:80px;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
.feedback span {

}
.homeform .formfield{
    margin:20px 0;
    
}
.embeddedform .msg-form h3 {
    margin-top:0;
}
.embeddedform .msg-form .modal-footer {
    padding: 0 15px;
    text-align: inherit;
    border: none;
    font-size: medium;
}

.homeform input, .homeform select{

    border: 1px solid #00b0bb;
}

.small{
    font-size:14px !important;
    text-align:left;
    
}
.form-checkbox {
    float: left;
    margin-right: 10px !important;
    
}
.ja-ss-desc {
position: absolute;
bottom: 20px;
right: 0;
color: #494949;
width: 75%;
height: 160px;
padding: 40px 50px;
border-left: 14px #00b0bb solid;
	background: rgba(255,255,255,.7);/* Modern browser */
}
.partners .module-inner .module-title {
  font-size: 32px !important;
    color: #00b0bb !important;
    line-height: 32px;
    text-align: center;  
} 

.otzyv-image {
    width:180px;
    float: left;
    padding: 0 30px 0 0;
    margin: 10px 0 0 0;
}
.otzyv-text {
display:table;
border-left: 4px solid #00b0bb;
padding:0 0 0 15px;
margin:0 0 0 20px;
}
.otzyv-image img{
width:150px;
height:150px;
border-radius:50%;
margin-bottom: 10px;

}
.otzyv{
    padding-left:20px;
    border-left:3px solid #00b0bb;
margin-bottom:50px;
display:table;

}
.otzyv span{
display: block;
font-size: 115%;
color: #00b0bb;
text-align:center;
}
.c-name {
    font-style: italic;
    color: #00b0bb;
}
.main-tel, .msg-icon{
    color: white;
    font-weight: bold;
    margin-top: 12px;
    display: table;
    padding-left: 8px;
    float:left;
    }
.greenblock .phonelink:hover {
    color:#ffc107;
}
.yellowblock .phonelink:hover {
    color:#00b0bb;
}
.main-tel-mobile, .msg-icon-mobile{
    color: white !important;
    font-weight: bold;
    margin-top: 7px;
    margin-left: 15px;
    display: block;
    font-size: 19px;
    float: left;
    padding: 3px 10px;
    border: 2px solid;
    border-radius: 50px;
    margin-right:10px;
    }
.main-tel-2 {
    display:none;
    }    
.utb-logo {
        display:table;
        float:right;
        margin-top: 17px;
    }
.utb-logo svg{
        height:25px;
        width: 160px;
    }
.utb-logo-mobile svg {
        display: block;
        width: 115px;
        height: 30px;
    }
.utb-text {
    color: #222222;
    font-size: 19px;
    text-align: right;
    margin-top: -5px;
    }
.utb-text-mobile {
    color: #222222;
    font-size: 14px;
    text-align: right;
    margin-top: -3px;
    }

    
.resize {
    height: 200px;
    margin: 0 8px 10px 0;
    border: 1px solid #eee;
}
.gallery {
    margin-left: auto;
    margin-right: auto;
}
.head-block {
    padding-top:8px;
}
.t3-header {
    padding-top: 10px;
    padding-bottom:0;
}
.logo {
    text-align: left;
}
.logo-image {
    float:left;
}
.flex-wrap-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.row-filials {
    display: flex;
    flex-wrap: wrap;
}
.row-filials h3 {
    margin-bottom: 0;
}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
    white-space: normal;
    display: block;
    padding: 7px 20px;
}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    text-decoration: none;
    color: #0084a0;
    border-left: 3px solid #ffa000;
    background-color: unset;
    padding-left: 17px;
}
.navbar-default .navbar-nav > li > a {
    font-size: 18px;
    font-weight: normal;
}
.dropdown-menu {
    font-size:18px;

}
.dropdown-menu > li > a {
    padding: 10px 20px;
}
@media (max-width: 577px) {
    .image-bg-block .overlay-block {
    margin: 20px 34px;
    }
    .overlay-block .image-form-button {
    font-size: large;
    margin-top: 120px;
    }
    .overlay-block .image-form-title {
    font-size: 28px;
    }
    .item-date, h2 {
        font-size:20px!important;
    }
    .a_tabs {
       font-size:12px; 
    }
    .big-gb a, .big-gb a:visited, .big-gb a:hover{
  	color:#fff;
  	font-size:120%;
  	text-decoration:none;
    }
    .big-gb {
  	padding:30px 10px 25px 10px;
  	margin: 25px 0 30px;
  	font-size:80%;
  	}
  	.big-gb h3 {
    font-size: 26px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
.desc1, .desc2, .desc3 {
    padding:5px 20px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .main-tel-2 {
        display: block;
        font-size: 26px;
        float: right;
        color: #00b0ba;
        font-weight:bold;
    }
    .logo-image {
        float:left;
    }
  	.greenblock .pfirst {
  	font-size:160%;
  	}
	.greenblock .psecond {
  	font-size:130%;
    margin-top:27px;
  	}
}
@media (min-width: 1199px) {
    .main-tel {
        font-size: 26px;
    }
}
.fullimage img {
        width:100%;
    }
@media (min-width: 991px) {
    .fullimage {
        width:50%;
        margin-right:15px;
    }
    .medical {
        margin-bottom:10px;
        width:100%;
    }
    .main-tel {
        font-size: 22px;
    }
}
@media (max-width: 991px) {
    .srv-pacs .pacs-head {
    font-size: 180%;
    }
    .image-button-block button {
    /* width:250px; */
    }

    .event-img {
    margin-bottom:15px;
    }
    .medical {
        margin-top:10px;
        width:301px;
    }
}
@media (max-width: 1199px) {
    .main-tel, .top-phones-block {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .utb-logo-mobile {
        display:none;
    }

    .main-tel-mobile, .topbutton-mobile {
        display: none !important;
    }
    .utb-logo {
        margin-bottom:0px;
    }
    .p-strong {
        font-size:130%;
    }
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 2em;
    }
    .vacancy-block {

    }
    .image-button-block button {
    /* width:250px; */
    font-size:18px;
    }
    .image-button-block div {
    margin-bottom:10px;
    }
    .v-stretch .parent {
        margin-top:25px;
    }
    .xl-font {
    font-size:26px;
    }
    .congrads p {
    font-size:100%!important;
    line-height:1.5em!important;
    }
    .congrads p:first-child {
    font-size:120%!important;
    }
    .event-button a, .event-button button {
    width:100%;
    }
    .otklik {
    justify-content: center;
    }
    h1 {
        font-size:26px;
    }
    .utb-logo {
        margin-bottom:15px;
        display:none;
    }
    .utb-logo-mobile {
        display:table;
        float:right;
        margin-left:10px;
    }
  	.greenblock .pfirst {
  	font-size:140%;
  	}
	.greenblock .psecond {
  	font-size:110%;
    margin-top:27px;
    margin-bottom:20px;
  	}
  	.text_block {
    font-size: 16px;
    }
    .p-strong {
        font-size:110%;
    }
    .homepage h3, h3, h3.homepage {
    font-size: 28px;
    font-weight:normal;
    line-height: normal; 
    margin: 40px 0 20px;
    }
}
@media (max-width: 680px){
    .tos_box input[type="checkbox"] {
        width:28px;
        height:28px;
        margin-top:0px;
    }
    #tos_box-lbl2, #tos_box-lbl {
        margin-left:20px;
    }
    .control-group.tos_box.no-margin-top {
        margin-top:15px!important;
    }
    .top-socicon-block svg, .footerblock svg{
    width:2em;
    height:2em;
}
    .inner-block .frn-form-items {

    justify-content: left;
}
    .popup-bg, body{
        font-size:15px;
    }
    .blog-review {
        margin-bottom:10px;
    }
    .blockquote-rev {
        margin: 16px 5px 10px 5px;
        border: 2px solid #00b0bb;
        padding: 24px 16px 18px;
        font-size: 14px;
    }
    .blockquote-rev .rev-name {
        position: inherit;
        bottom: 0;
        left: 0;
        margin-top: 9px;
    }
    .blockquote-rev:before, .blockquote-rev:after {
	display:none;
}
    .review-body {
    width:100%;    
    }
    #rev-high .btn {
    width:320px;
    }
    .services-list {
        font-size: 16px;
    }
    .services-list .min-line-height {
    border-bottom: 1px dotted #ccc;
    }
    .big-gb button {
        font-size: 18px;
    }
    .bottom-dotted-separator {
    border-bottom: 0px dotted;
    margin: 0 5px;
    }
    .ja-ss-desc {
        width: 90% !important;
        height: auto !important;
        line-height:normal;
        padding: 0 15px !important; 
        bottom:7px;
    }
    .ja-ss-desc p{
        font-size:small;
    }
        .ja-ss-desc h2 {
        font-size:16px !important;
        margin:7px 0 4px 0;
    }
}

@media (max-width: 380px) {
    .top-socicon-block svg, .footerblock svg {
    width:2em;
    height:2em;
}
    .desc1, .desc2, .desc3 {
    padding:5px 20px;
    }
    .desc2 h3 {
        font-size:26px;
        margin-top:20px;
    }
    
    .popup-bg, body {
        font-size:14px;
    }
    .view-sidelki .item .item_image img {
    width: 80px;
    height: 80px;
    }
    .view-sidelki .item .item_name {
    font-size: 16px;
    }
    .overlay-block .image-form-button {
    font-size: medium;
    margin-top: 110px;
    }
    .overlay-block .image-form-title {
    font-size: 22px;
    }
    #rev-high .btn {
    width:100%;
    }
    .review-body {
    width:100%;
    }
    .xl-font {
    font-size:22px;
}
    .main-tel-mobile {
    color: white !important;
    font-weight: bold;
    margin-top: 7px;
    margin-left: 10px;
    display: block;
    font-size: 15px;
    float: left;
    padding: 3px 10px;
    border: 2px solid;
    border-radius: 50px;
    }
    .topbutton-mobile {
    font-weight: bold;
    margin-left: 10px;
    padding: 6px 7px;
    margin-top: 8px;
    border-radius: 40px;
    font-size:13px;
    }
    .utb-logo-mobile svg {
        display: block;
        width: 65px;
        height: 21px;
        margin-top: 11px;
    }
    .utb-text-mobile {
    color: #222222;
    font-size: 8px;
    text-align: right;
    margin-top: -3px;
    }
    .p-strong {
    font-size: 108%;
    }
}

