html { 
	height:100%; 
}
body {
	height:100%; 
	overflow:hidden; 
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#FFFFFF; 
	background-color:#000000; 
}
.sticky-bar{
	position:fixed;
	left:0; bottom:30px;
	z-index:2;
	width:100%;
	height:42px;
}
.sticky-nav {
	display:inline-flex;
	border-radius:5px;
	background:rgba(255,255,255,0.8);
}
.btn{
	padding: .25rem .95rem;
}
.btn-outline-default{
	outline:none;
    font-size: 18px;
    color: #333;
}
.btn-outline-default:focus{
	outline:none !important;
	box-shadow: none !important
}
@media screen and (max-width:575px){
	.sticky-bar{
		bottom:20px !important;
	}
	.btn-outline-default{
		padding:.25rem .55rem !important;
		font-size:14px !important;
	}
}
.dropdown-menu{
	background:rgba(255,255,255,0.8);
}
.button-contact-vr {
    position: fixed;
    bottom: 20px;
    z-index: 99999
}
@media screen and (max-width:575px){
	.button-contact-vr{
		bottom:60px !important
	}
}
.button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px
}
.button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
	box-shadow: 0 0 0 0 #2196F3;
	background-color: rgba(33,150,243,0.7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite
}
.phone-vr-img-circle {
    background-color: #2196F3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%)
}
#instagram-vr .phone-vr-circle-fill {
    background: rgb(17,143,253);
    background: linear-gradient(160deg,rgba(17,143,253,1) 20%,rgba(188,60,218,1) 50%,rgba(253,223,5,1) 80%);
    background-size: contain;
    box-shadow: 0 0 0 0 #c840c9;
    background-color: rgb(79 103 254);
    border: 0
}
#instagram-vr .phone-vr-img-circle {
    background: transparent
}
#telegram-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2c9fd8;
    background-color: rgb(44 159 216 / 74%)
}
#telegram-vr .phone-vr-img-circle {
    background: #2c9fd8
}
@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}
@keyframes zoom {
    0% {
        transform: scale(.9)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }
    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}