html
{
	background: #0e0601;
	padding-left: 10px;
	padding-right: 10px;
}
.body
{
		max-width: 400px;
		min-width: 300px;
		margin: auto;
		margin-top: 75px;
		padding: 15px;
		background: linear-gradient(45deg, rgba(150,51,175,1) 19%, rgba(59,196,214,1) 51%, rgba(14,198,236,1) 100%);
		border-radius: 25px!important;
		box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
		margin-bottom: 25px;
}
.btm
{
		max-width: 400px;
		min-width: 300px;
		margin: auto;
		border-radius: 25px!important;
		box-shadow: 1px 5px 5px 1px rgba(0, 0, 0, 0.2);
}
	.rounded div
		{
			border-radius: 25px;
		}
	.cover-top
		{
			margin-left: -25px;
  			margin-right: -25px;
    		margin-top: 0px;
    		border-radius: 25px 25px 0px 0px;
		}
	.cover-top .uk-h4,.uk-h5
		{
		    color: white;
		    font-weight: 500;
    		/*font-size: 24px;*/
    		text-shadow: 2px 2px 4px black;
			text-align: center
		}
	.cover-top .uk-h4
		{
			font-size: 28px;
			padding-bottom: 0px;
			margin-bottom: 0px
		}
	.cover-top .uk-h5
		{
			padding-top: 0px;
			margin-top: 0px
		}
	.circle img
		{
			width: 150px;
    		height: 150px;
  		  	object-fit: cover;
    		border-radius: 90px;
  		  	border: 3px solid white;
		   	background: none;
		}
	.panel
		{
			text-align: center;
		}
	.circle 
		{
			display: inline-block;
			text-align: center;
			margin-top:-70px;
			box-shadow: 0px 1px 6px 2px rgb(0 0 0 / 50%);
   			border-radius: 90px;
    		width: 150px;
			background: #ffffff;
		}
	.address
		{
			text-align: center;
			color: white;
			font-size: 12px;
			margin-top: -15px;
			margin-bottom: 25px;
		}
	.position
		{
			text-align: center;
			color: white;
			font-size: 12px;
			margin-bottom: 25px;
		}

		a, a:hover
		{
			text-decoration: none;
			color: white;
		}
		a:hover
		{
			font-weight: 500;
		}
		.uk-grid
		{
			justify-content: center;
		}
		span.uk-icon 
		{
    		padding-right: 5px;
		}
/* @media screen and (min-width: 800px) 
{
	.navi
	{
		display: none;
	}
}
@media screen and (max-width: 800px) 
{
	.nonavi
	{
		display: none;
	}
}*/

.navi
	{
		/* display: none; */
	}
.uk-card 
	{ 
		transition: all .2s ease-in-out;
		max-width: 90px;
		max-height: 90px;
		min-width: 80px;
		min-height: 80px;
		border-radius: 90px;
		text-align: center;
		padding: 20px;
		
	}
.filial
{
	border-radius: 25px;
	margin-left: 0;
}
.f-l
{
	padding-left: 0;
	
}
.f-r
{
	border-radius: 0 25px 25px 0;
	padding-top:10px;
	padding-bottom: 10px;
	margin-left:-40px;
	text-align: left;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.f-title
{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	margin-top: 0;
	text-shadow: 2px 2px 4px black;
}
.f-address
{
	font-size: 12px;
	margin:0;
	font-weight: 500;
}
.f-l img
{
    position: relative;
    width: 120px!important;
    height: 120px!important;
    object-fit: cover;
    border-radius: 90px;
    border: 3px solid white;
    background: none;
    left: -20px;
    bottom: 0;
	box-shadow: 7px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

.uk-card:hover 
	{ 
		transform: scale(1.05); 
	}
.showrooms
{
	transition: all .2s ease-in-out;
	padding-bottom: 15px;
	height: 80px;
    align-content: center;
	border-radius: 50px 25px 25px 50px!important;
	margin-top: 5px;
}
.showrooms:hover 
	{ 
		transform: scale(1.05); 
	}
.uk-card img
{
	width: 40px;
}

		a, a:hover
		{
			text-decoration: none;
			color: white;
		}
		a:hover
		{
			font-weight: 500;
		}
		.uk-grid
		{
			justify-content: center;
		}
		span.uk-icon 
		{
    		padding-right: 5px;
		}
.btn p
{
	margin-top:10px;
	font-size: 14px;
}
.stitle
{
	text-align: center;
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: 500;
background:linear-gradient(45deg, rgba(150,51,175,1) 19%, rgba(59,196,214,1) 51%, rgba(14,198,236,1) 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}