@keyframes pulse {  
0% { transform: scale(1); }  
50% { transform: scale(1.05); }  
100% { transform: scale(1); }  
}

.smm-fixed {
	    display: block;
	    position: fixed;
	    right: 0;
	    z-index: 99;
	    width: 56px
	}
	
	.smm-fixed.fix {
	    bottom: 55px
	}
	
	.smm-fixed.isWbMessage .links.wb a:before,
	.smm-fixed.isWbMessage .show-icons:before {
	    display: inline-block
	}
	
	.smm-fixed .links.wb a {
	    position: relative
	}
	
	.smm-fixed .links.wb a:before {
	    content: '';
	    width: 18px;
	    height: 18px;
	    background: #ff48a5;
	    border: 2px solid #fff;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    border-radius: 100%;
	    position: absolute;
	    display: none;
	    top: -5px;
	    right: 0
	}
	
	.smm-fixed .smm-close {
	    cursor: pointer;
	    height: 12px;
	    left: -5px;
	    position: absolute;
	    top: -10px;
	    width: 12px
	}
	
	.smm-fixed .hide-icons,
	.smm-fixed .show-icons {
	    background: url(../assets/Images/Micons.svg?1) no-repeat;
	    bottom: 0;
	    position: absolute;
	    width: 53px;
	    height: 53px;
	    cursor: pointer;
	    opacity: 1
	}
	
	.smm-fixed .show-icons {
	    position: absolute;
	    bottom: 0;
	    right: 16px;
	    -webkit-transition: opacity 150ms ease-out 5ms, -webkit-transform;
	    transition: transform, opacity 150ms ease-out 5ms, -webkit-transform;
		animation: pulse 1s infinite;
	}
	
	.smm-fixed .show-icons:hover {
	    opacity: .5;
	    -webkit-transition: opacity 150ms ease-in 5ms, -webkit-transform;
	    transition: transform, opacity 150ms ease-in 5ms, -webkit-transform
	}
	
	.smm-fixed .show-icons:before {
	    content: '';
	    width: 18px;
	    height: 18px;
	    background: #ff48a5;
	    border: 2px solid #fff;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    border-radius: 100%;
	    position: absolute;
	    display: none;
	    top: -3px;
	    right: 2px
	}
	
	.smm-fixed .hide-icons {
	    background: #ebebeb;
	    border-radius: 50%;
	    position: absolute;
	    bottom: 0;
	    right: 17px
	}
	
	.smm-fixed .hide-icons>b,
	.smm-fixed .hide-icons>div {
	    display: none
	}
	
	.smm-fixed .hide-icons>span {
	    display: block;
	    height: 12px;
	    left: 20.5px;
	    position: absolute;
	    top: 20.5px;
	    width: 12px
	}
	
	.smm-fixed .hide-icons>span:after,
	.smm-fixed .hide-icons>span:before {
	    background: #a7a7a7;
	    content: '';
	    display: block;
	    height: 15px;
	    left: 5px;
	    position: absolute;
	    top: -2px;
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    width: 1px
	}
	
	.smm-fixed .hide-icons>span:before {
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg)
	}
	
	.smm-fixed .hide-icons.rotate-cross-clockwise {
	    -webkit-transform: rotate(0);
	    transform: rotate(0);
	    -webkit-transition: -webkit-transform .2s ease-in-out;
	    transition: transform .2s ease-in-out;
	    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
	}
	
	.smm-fixed .hide-icons.rotate-cross-counterclockwise {
	    -webkit-transform: rotate(-180deg);
	    transform: rotate(-180deg);
	    -webkit-transition: -webkit-transform .2s ease-in-out;
	    transition: transform .2s ease-in-out;
	    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
	}
	
	.smm-fixed .icons,
	.smm-fixed .icons-available {
	    bottom: -30px;
	    height: 0;
	    margin: 23px 0 55px;
	    opacity: 0;
	    overflow: hidden;
	    padding-top: 5px;
	    z-index: -1
	}
	
	.smm-fixed .icons-available.down-icons,
	.smm-fixed .icons.down-icons {
	    position: absolute
	}
	
	.smm-fixed .icons,
	.smm-fixed .icons-always-visible,
	.smm-fixed .icons-available {
	    position: relative;
	    right: 16px
	}
	
	.smm-fixed .icons-always-visible {
	    right: 16px
	}
	
	.smm-fixed .hide-icons+.icons-always-visible {
	    -webkit-transition: opacity .3s ease-out, height .4s ease-out, bottom .1s ease-in-out;
	    transition: opacity .3s ease-out, height .4s ease-out, bottom .1s ease-in-out
	}
	
	.smm-fixed .show-icons+.icons-always-visible {
	    -webkit-transition: opacity .2s ease-out, height .1s ease-out, bottom 70ms ease-in-out;
	    transition: opacity .2s ease-out, height .1s ease-out, bottom 70ms ease-in-out
	}
	
	.smm-fixed .icons-available {
	    display: table;
	    position: relative;
	    right: 16px;
	    height: 310px;
	    opacity: 1;
	    -webkit-transition: opacity .5s ease-in, height .3s ease-in, bottom .2s ease-in-out;
	    transition: opacity .5s ease-in, height .3s ease-in, bottom .2s ease-in-out;
	    z-index: 1;
	    bottom: 0
	}
	
	.smm-fixed .icons-available .wrap-messengers {
	    display: table-cell;
	    vertical-align: bottom
	}
	
	.smm-fixed .icons {
	    -webkit-transition: opacity .5s ease-in, height .3s ease-in, bottom .2s ease-in-out;
	    transition: opacity .5s ease-in, height .3s ease-in, bottom .2s ease-in-out
	}
	
	.smm-fixed .links {
	    position: relative;
	    text-align: center;
	    width: 56px;
	    height: 56px;
	    margin-bottom: -6px
	}
	
	.smm-fixed .links a {
	    background-size: 128px 296px;
	    cursor: pointer;
	    display: inline-block;
	    width: 42px;
	    height: 42px;
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-transition: 150ms ease-in;
	    transition: 150ms ease-in
	}
	
	.smm-fixed .links a:hover {
	    -webkit-transform: scale(1.3);
	    transform: scale(1.3);
	    -webkit-transition: -webkit-transform 150ms ease-out;
	    transition: transform 150ms ease-out;
	    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out
	}
	
	.smm-fixed .phone a {
	    background: url(../assets/Images/phone.svg?1) no-repeat;
	}
	.smm-fixed .max a {
	    background: url(../assets/Images/max.svg?1) no-repeat;
	}
	.smm-fixed .whatsupp a {
	    background: url(../assets/Images/whatsupp.svg?1) no-repeat;
	}
	.smm-fixed .telegramm a {
		background: url(../assets/Images/Tel.svg?1) no-repeat;
	}
	.smm-fixed .vk a {
	    background: url(../assets/Images/vk.svg?1) no-repeat;
	}	
	.smm-fixed .ok a {
	    background: url(../assets/Images/ok.svg?1) no-repeat;
	}	
	.smm-fixed .viber a {
	    background: url(../assets/Images/viber.svg?1) no-repeat;
	}	
	.smm-fixed .inst a {
	    background: url(../assets/Images/inst.svg?1) no-repeat;
	}