.shop-widget{
	display: flex;
    position: fixed;
    bottom: 50px;
    left: 50px;
}

.shop-widget a{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.shop-widget a img{
	width: 70px;
    z-index: 1;
}


.shop-widget-container-image{
	position: absolute;
    left: calc(50% - 100px);
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border: 0;
	height: 0;
	transition: all .3s;
}


.shop-widget-container{
	position: relative;
    display: flex;
    background-color: #3666a4;
    padding: 5px 15px 5px 40px;
    height: 40px;
    align-items: center;
    border: 1px solid #032544;
    border-radius: 0 5px 5px 0;
    left: -30px;
    z-index: 0;
    box-shadow: 3px 5px 15px rgb(0, 0, 0, .7);
	overflow: visible;
	width: auto;
}

.shop-widget a:hover > .shop-widget-container .shop-widget-container-image{
	position: absolute;
    left: calc(50% - 100px);
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    border: 1px solid #032544;
	width: 200px;
	height: 128px;
}

.shop-widget-container p{
	color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
}

.shop-widget-container-image img{
	width: 200px !important;
}




.pulse-button__rings {
  border: 1px solid #c9ecfb;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: 70px;
  border-radius: 50%;
  animation-duration: 2.0s;
  animation-name: pulse_1;
  animation-iteration-count: infinite;
  z-index: -1;
}
 
.pulse-button__rings:nth-child(2) {
  animation-name: pulse_2;
}
 
.pulse-button__rings:nth-child(3) {
  animation-name: pulse_3;
}

@keyframes pulse_1 {
  from {
    opacity: 1;
    transform: scale(0.9, 0.9);
  }
 
  to {
    opacity: 0;
    transform: scale(1.3, 1.3);
  }
}
 
@keyframes pulse_2 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }
 
  to {
    opacity: 0;
    transform: scale(1.5, 1.5);
  }
}
 
@keyframes pulse_3 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }
 
  to {
    opacity: 0;
    transform: scale(1.7, 1.7);
  }
}
















.cont_top {color: #000; font-weight: 600; line-height: 1.3;}
.cont_top svg {color: #05366D;}

.zg1 {text-transform: uppercase; font-size: 2.5rem; line-height: 1.2;}
.zg2 {font-size: 2.1rem; text-transform: uppercase; line-height: 1.2;}
.zg_bot {font-size: 1.3rem; line-height: 1.1; font-weight: 600; text-transform: uppercase;}

.sld .el-title {text-transform: uppercase; font-size: 2.5rem; line-height: 1.2; color: #fff;}
.sld .el-meta {color: #D39535 !important; line-height: 1.1; font-weight: 700; font-size: 1.2rem;}
.sld .el-content {color: rgba(255,255,255,.7);}
.sld .uk-button-default {background-color: transparent; color: #fff; border: 2px solid #fff;}
.sld .uk-button-default:hover {background-color: #fff; color: #000; border: 2px solid #fff;}

.zg_head {font-size: 2.1rem; text-transform: uppercase; font-weight: 600;}
.text_material h2 {font-weight: 700; font-size: 1.4rem; line-height: 1.1; color: #05366E; margin: 0;}
.text_material h3 {font-weight: 700; font-size: 1.2rem; line-height: 1.1; margin: 0; color: #05366E;}
.text_material h4 {font-weight: 700; font-size: 1.2rem; line-height: 1.1; margin: 0; color: #05366E;}
.text_material p {text-align: justify;}
.text_material p > span {color: #D3A55F;}
.text_material ul {list-style-image: url('/images/fon/li2.svg'); margin-top: 5px;}
.text_material ul > li {line-height: 1.5;}

.about .el-title {font-size: 1.5rem; text-transform: uppercase;}
.zg_news {font-size: 1.5rem; text-transform: uppercase;}

.uslugi .el-title {font-size: 1.3rem; line-height: 1.1; color: #05366D;}
.uk-navbar-dropdown-nav {line-height: 1.3;}
.uk-navbar-dropdown-nav a:before {content: '- ';}

.filial .el-title {font-size: 1.2rem; font-weight: 600;}
.filial .el-meta {font-size: .8rem; /* color: rgba(255,255,255,.5) */ !important; line-height: 1.1;}

.pod_zg {color: #D39535 !important; line-height: 1.1;}

.lang .uk-active {background: #05366D;}
.lang .uk-active a {color: #fff;}
div.mod-languages li {margin: 0 5px 0 0; padding: 0 5px !important;}
.lang .uk-subnav > * {padding-left: 0px;}

.bok .el-link {line-height: 1.7; font-size: .91rem;}
.karti .el-title {font-weight: 700; font-size: 1.5rem; line-height: 1.1;}

.ruk .el-title {font-weight: 700; font-size: 1rem;}

.news_blog .el-title {font-size: 1.5rem; line-height: 1.1; font-weight: 700;}

/*Плавающая кнопка*/
.whatsapp-button {position: fixed; right: 13px; bottom: 90px; transform: translate(-50%, -50%); background: #1C7C97; border-radius: 50%; width: 55px; height: 55px; color: #fff; text-align: center; line-height: 53px; z-index: 9999;}
.whatsapp-button a {color: #fff;}
.whatsapp-button:before, .whatsapp-button:after {content: " "; display: block; position: absolute; border: 50%; border: 1px solid #1C7C97; left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden;}
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate {0% {transform: scale(0.5); opacity: 0;} 50% {opacity: 1;} 100% {transform: scale(1.2); opacity: 0;}}


@media screen and (max-width: 768px) {
	.zg1 {font-size: 2rem;}
	.zg2 {font-size: 1.7rem;}
	.uslugi .el-title {font-size: 1.2rem;}
	.filial .el-title {font-size: 1.1rem;}
	.about .el-image {display: none;}
	.about .el-title {font-size: 1.3rem;}
	.zg_news {font-size: 1.3rem;}
	.text_material p {text-align: left;}
	.zg_head {font-size: 1.7rem;}
	.text_material h2 {font-size: 1.3rem;}
	.text_material h3 {font-size: 1.2rem;}
	.text_material h4 {font-size: 1.2rem;}
	.uk-navbar-toggle {text-transform: uppercase;}
	.lang .uk-subnav > * > :first-child {font-size: .9rem;}
	
	.sld .el-title {font-size: 2rem;}
	.sld .el-meta {font-size: 1.1rem;}
	.uk-nav-default .uk-nav-sub a:before {content: '- ';}
}
@media screen and (min-width: 1280px) and (max-width:1366px) {
	.bok .el-link {line-height: 1.7; font-size: .8rem;}
	
}