#botom-box {
box-shadow: -4px -5px 19px rgb(0 0 0 / 16%);
position: fixed;
bottom: -1px;
width: 100%;
left: 30px;
display: none;
background: #fff;
padding: 3px;
width: calc(100% - 6px);
}
.uk-offcanvas_menu-base ul li:last-child {
    border-bottom: 0px solid #e5e5e5 !important;
}
.uk-offcanvas_menu-base span {
color: #111;
    border: 1px solid #111!important;
    display: inline-block;
    position: absolute;
    right: -4px;
    height: 20px;
    top: 3px;
    width: 30px;
    cursor: pointer;
}
    
    
 
.uk-offcanvas-bar {
        width: 100vw!important;
}
#offcanvas svg > *  {
stroke-width: 4px;
} 
#offcanvas .uk-offcanvas_menu-base >  ul >  li {
        position: relative;
}
#offcanvas .uk-offcanvas_menu-base >  ul >  li >  a  {
        display: block!important;
    position: relative!important;
   
    font-size: 17px!important;
    color: rgb(1,29,58)!important;
    line-height: 1.0!important;
    font-weight: bold!important;
    text-decoration: none!important;
        text-transform: capitalize;
}
#offcanvas .uk-offcanvas_menu-base   ul    ul > li  a  {
    color: rgb(1,25,47)!important;
     font-size: 16px!important;
         line-height: 22px!important;
}
    
   #botom-box a + a  {
     border-left: 3px solid #fff;
   }
     
    #botom-box a {
    background: #23456a;
    padding: 18px 0 22px;
    height: 57px;
    color: #fff!important;
    font-size: 15px;
   
    }
      
.banner-desk  li, .ryu78, .ryu78 p {
    font-size: 16px!important;
}
 
#location .uk-input {
    background-color: #eef2f7;
    border-radius: 6px;
    min-height: 0;
    padding-top: 0;
}
.header .uk-logo {
    
    font-size: 20px;
}
.top-menu-1 li>a:hover  {
    text-decoration: underline;
}
.works-item__desk {
 
}
.works-item__desk > div {
    padding: 0 15px;
}
.btn-yelow {
    box-sizing: border-box;
    position: relative;
    transition-property: background-color,border,box-shadow;
    transition-duration: .25s;
    transition-timing-function: ease;
    color: #ffffff;
    border: 1px solid rgb(0, 157, 219);
    background-color: rgb(0, 157, 219);
    min-height: 48px;
    text-transform: unset;
    border-radius: 4px;
    padding-right: 40px;
    padding-left: 40px;
}
.title-form {
    background: #043f76;
}
.btn-yelow:hover {
background: rgb(219, 1, 105);
border: 1px solid rgb(219, 1, 105);
}
.footer {
	background: #043f76!important;
	color: #ffffff;
	padding-top: 30px!important;
	padding-bottom: 80px!important;
}
.footer .uk-h3 {
    font-size: 17px;
    margin-top: 14px;
}
#offcanvas .uk-logo {
	background: #fff!important;
}

#offcanvas .logo-top {
	margin-right: 10px;
}

.footer_btn {
	display: block;
	position: relative;
	float: right;
	background: #bb0367;
	background: linear-gradient(#bb0367, #9e0056);
	padding: 10px 22px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.footer_btn:hover {
	background: #043F76!important;
	cursor: pointer;
}

.footer a {
	color: #fff!important;
}

.footer ul li a:hover,
.footer ul li.active a {
	color: #fff!important;
}

.footer_top .inner>em {
	font-size: 13px;
	font-style: normal;
	color: #a49fa2;
	font-weight: normal;
}

.footer_top {
	font-size: 20px;
	font-weight: bold;
}

.footer_top a {
	color: #bb0367;
	text-decoration: none;
}

.works-item__desk p {
	color: #666;
	margin-bottom: -40px;
	margin-top: 10px;
}

.slide-nav {
	color: #043f76;
	height: 8px;
	width: 8px;
	bottom: 8px;
}

.slide-nav * {
	stroke-width: 4;
	color: #043f76;
}

.page {
	max-width: 1140px;
}

body {
	width: 100%;
	font-family: 'PT Sans', sans-serif;
	color: #414141;
}

body * {
	font-family: 'PT Sans', sans-serif;
}

.top-menu-one {
	min-height: 92px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.top-menu-one>div {
	display: flex;
	align-items: center;
}

.al-button-top {
	padding: 12px 24px;
	background: none;
	border: 2px solid rgb(187, 3, 103);
	outline: none;
	cursor: pointer;
	font-size: 16px;
	color: rgb(187, 3, 103);
	font-family: "PT Sans";
	line-height: 1.0;
	font-weight: bold;
}

.al-button-top:hover {
	background: rgb(187, 3, 103);
	color: rgb(255, 255, 255);
}

#top-menu {
	background: #043f76
}

.top-menu ul li a {
	min-height: 54px;
	height: 54px;
}

.top-menu-1 li>a {
	color: #fff;
	text-transform: capitalize!important;
	min-height: 55px;
	font-size: 15px!important;
	color: rgb(255, 255, 255)!important;
	font-weight: bold;
}

.top-menu-2,
.top-menu-1 {
	height: 54px;
	overflow: hidden;
}

.header-map a {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px;
	color: rgb(0, 66, 135);
	text-decoration: none;
}

.header-map a:after {
	content: "";
	display: block;
	margin-top: 2px;
	border-top: 1px dashed rgb(0, 66, 135);
}

.header .phone-desc {
	font-size: 14px;
	color: rgb(187, 3, 103);
	font-weight: bold;
}

.phone-top {
	display: block;
	font-size: 25px;
	color: rgb(1, 29, 58);
	line-height: 0.9;
	text-decoration: none;
}

.header .doctor button {
	height: 54px;
	z-index: 5;
	right: 0;
	top: 0;
	padding: 0 22px 0 63px;
	outline: none;
	border: none;
	background: rgb(0, 157, 219) url(/assets/tmp/img/doctor.png) 12px bottom no-repeat;
	cursor: pointer;
	font-size: 17px;
	color: rgb(255, 255, 255);
	line-height: 1.0;
	font-family: "PT Sans";
	font-weight: bold;
}

.doctor button:hover {
	background: rgb(219, 1, 105) url(/assets/tmp/img/doctor.png) 12px bottom no-repeat;
}

.phone-svg-top {
	height: auto;
	width: 30px;
	transform: rotate( -10deg) scale(-1, 1);
}

.menu-top {
	width: 30px;
	height: auto;
}

.uk-breadcrumb a,
.uk-breadcrumb * {
	font-size: 14px;
	color: #022954;
	line-height: 1.0;
	text-decoration: none;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	margin: 0 5px;
	color: #022954;
}

.title,
.page-text h2,
.page-text h3,
.page-text h4 {
	display: block;
	clear: both;
	text-align: left;
}

.page-text h2:after,
.page-text h3:after,
.uk-h3:after,
.page-text h4:after,
.head-text:after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	margin-top: 16px;
	background: #ccc;
}

h1,
h2,
h3,
.head-text,
.uk-h3 {
	display: block;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 1;
	color: #252525;
	font-weight: bold;
	text-align: left!important;
}

.page-text h2 {
	font-size: 24px;
}

.page-text h3,
.uk-h3 {
	font-size: 20px;
}

.page-text ul li:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 8px;
	top: 10px;
	background: #354670;
}

.uk-table-striped {
	background: #fef7fc;
}

.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped>tr:nth-of-type(odd) {
	background: #fef7fc;
}

.uk-table-striped tr {
	border-bottom: 1px solid rgb(203, 203, 203)!important;
}

.uk-table-striped tr:last-child {
	border-bottom: 0px solid rgb(203, 203, 203)!important;
}

.uk-table td {
	padding-left: 20px;
	vertical-align: top;
}

.uk-table td a {
	color: #111;
	font-weight: bolder;
}

.uk-table tr>td {
	background: #fef7fc;
}

.uk-table tr>td+td {
	background: #f3f5f9;
}

.uk-table tr>td+td {
	color: #009ddb;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
}

.questions-row {
	border: 1px solid #e5e5e5;
	padding-top: 10px
}

.open-price {
	color: #4780ba;
	text-decoration: underline;
	padding-top: 14px;
	cursor: pointer;
	margin-top: 0;
	background: linear-gradient( 0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.4) 77%, rgba(255, 255, 255, 0) 100%);
}

.uk-accordion-content {
	color: #434547;
	margin-top: 5px;
}

.uk-accordion-title {
	color: #2c2c2c;
	font-weight: bold;
	padding: 0 20px;
	font-size: 17px!important;
}

.uk-accordion-content {
	padding: 0 20px;
}

.uk-open .uk-accordion-title {
	color: #2c2c2c;
}

.top-menu-2 .active a {
	color: #e1e3e3!important;
}

.sidebar_menu .uk-nav li a {
	position: relative;
	background: #043F76;
	font-size: 0.9375rem;
	line-height: 35px;
	color: #fff;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 40px;
}

.sidebar_menu .uk-nav li li a {
	padding-left: 50px;
}

.sidebar_menu .uk-nav li ul {
	display: none;
}

.sidebar_menu .uk-nav li a:hover,
.sidebar_menu .uk-nav li.active>a {
	background: #BB0367;
}

.sidebar_menu li {
	border-top: 1px solid #fff;
	position: relative;
}

.sidebar_menu span {
	position: absolute;
	border: 6px solid transparent;
	border-top: 10px solid #fff;
	z-index: 2;
	top: 15px;
	left: 18px;
	cursor: pointer;
}

.sidebar_menu span.open {
	border: 6px solid transparent;
	border-left: 10px solid #fff;
}

@media screen and (max-width: 576px) {
	.top-menu-one {
		min-height: 50px;
		margin-bottom: 5px;
	}
	.logo-top {
		width: 40px!important;
		height: auto!important;
	}
	.header {
		padding-bottom: 10px;
		box-shadow: 0 1px 5px #0738693a;
	}
}

.slice {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100%), calc(100% - 50%) 100%, 0 100%, 0 5px);
	background: #043f76;
	z-index: 2222;
	width: 60%;
	height: 100%;
	color: #fff;
}

.slice .uk-h3 {
	color: #fff;
	font-size: 25px;
	line-height: 1.3em;
}

.slice ul {
	margin-left: 30px;
}

.slice ul li {
	position: relative;
}

.slice ul li:before {
	content: "вњ“";
	font-size: 9px;
	text-align: center;
	font-family: 'San Francisco Pro Bold';
	color: rgb(255, 255, 255);
	line-height: 1.5;
	background: rgb(255, 0, 102);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 0px;
	top: 6px;
}

.slice .uk-h3:after {
	content: "";
	display: block;
	width: 100px;
	height: 2px;
	margin-top: 10px;
	margin-left: 30px;
	background: #BB0367;
}

.phone-slice {
	background: rgb(0 107 158);
	width: 100%;
	display: block;
	margin-left: -15px;
	position: absolute;
	bottom: 0;
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #fff!important;
}

.wr-slice {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	filter: drop-shadow(10px 10px 15px #39393957);
}

.phone-slice-span {
	background: rgb(238, 0, 99);
	border-radius: 3px;
	height: 20px;
	width: 20px;
	line-height: 16px;
	text-align: center;
	display: inline-block;
	top: -1px;
	position: relative;
	margin-left: 30px;
	margin-right: 10px;
}
.footer .uk-logo-1  {
    font-size: 22px!important;
    font-weight: bolder;
    margin-top: 5px!important;
    margin-bottom: 15px!important;
    display: block;
 
}
.footer img {
    width: 40px;
    height: auto;
}
.footer a, .footer div {
font-size: 13px;
}
.soc  {
background: url(/assets/tmp/img/logo/social.png);
display: inline-block;
height: 35px;
width: 35px;
margin-right: 10px;
}
.in {
    background-position: 77px 0;
}
.fb {
    background-position: 120px 0;
}
.vk {
    background-position: 160px 0;
}
@media screen and (max-width: 1040px) {
	.footer_top>.inner,
	.footer_top .inner,
	.footer_top strong,
	.footer_top em {
		width: 100%;
		display: block;
		margin: 10px 0;
		text-align: center;
	}
	
	.footer .page {
	    margin-left: 30px;
	} 
   .footer_top {
		text-align: center;
	}
		.footer_btn {
		position: relative;
		float: none;
		display: inline-block;
		background: #bb0367;
		background: linear-gradient(#bb0367, #9e0056);
		margin-top: 10px;
		padding: 10px 22px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}
    
}
.fitVids-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.fitVids-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media screen and (max-width: 760px) {
    
    #botom-box {
     display: flex;
}
 
    .uk-accordion-title, .uk-accordion-content  
   {
 
    padding: 0;
    }
    
    
    .contact-page  td,   .contact-page .phone-top  {
            font-size: 14px!important;
    }
    .header .uk-logo {
    font-size: 18px;
    left: -20px!important;
    position: relative;
}
 
    .img-ban {
            margin-left: -150px;
    height: auto;
    max-width: calc(100% + 150px);
    width: calc(100% + 150px);
}
    
	.phone-slice {
		position: relative;
		margin-bottom: -15px;
	}
	.wr-slice {
		position: relative;
		filter: unset;
	}
	.slice * {
		text-align: center!important;
	}
	.slice ul {
		margin-left: unset;
		display: inline-block;
	}
	.slice ul li {
		text-align: left!important;
	}
	.slice {
		text-align: center;
		clip-path: unset;
		width: 100%;
		margin-left: -15px;
	}
	.phone-slice-span {
		margin-left: 0;
	}
	.slice .uk-h3:after {
		content: "";
		display: block;
		width: 100px;
		height: 2px;
		margin-top: 10px;
		margin-left: 50%;
		position: relative;
		left: -50px!important;
	}
}
#keycity a {
    font-size : 11px!important ;
}
#loc228 {
        top: 40px;
padding: 20px;
    position: absolute;
    background: #fff;
    width: calc(100% - 40px);
}