/* CALLBACK BUTN */
.callback-btn-fixed { position: fixed; height: 60px; width: 60px; display: block; left: auto; right: 35px; bottom: 95px; top: auto; transform: scale(1); cursor: pointer; z-index: 910; }
.callback-btn-fixed i { font-size: 28px; color: #fff; }
.callback-btn-fixed .cb-bgr { display: block; left: 0; position: absolute; top: 0; z-index: 9997; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 100%; opacity: .95; width: 100%; background-color: rgb(194, 152, 56); }
.callback-btn-fixed .cb-phn { position: absolute; left: 0; top: 0; z-index: 9997; display: block; opacity: 1; transform: perspective(400px) rotateY(0) scale(1); -moz-transform: perspective(400px) rotateY(0) scale(1); -ms-transform: perspective(400px) rotateY(0) scale(1); -webkit-transform: perspective(400px) rotateY(0) scale(1); -o-transform: perspective(400px) rotateY(0) scale(1); -khtml-transform: perspective(400px) rotateY(0) scale(1); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: opacity 3s cubic-bezier(.19,1,.22,1); margin: 16px 16px 19px 16px; }
.callback-btn-circle, .callback-btn-second_circle, .callback-btn-third_circle { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform-origin: 50% 50% 0; -ms-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; background-color: rgb(194, 152, 56); transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center;  -o-transform-origin: center center; -ms-transform-origin: center center; }
.callback-btn-circle { -webkit-animation: cbk-phone-waves-1 3.5s infinite; -moz-animation: cbk-phone-waves-1 3.5s infinite; -ms-animation: cbk-phone-waves-1 3.5s infinite; -o-animation: cbk-phone-waves-1 3.5s infinite; animation: cbk-phone-waves-1 3.5s infinite; }
.callback-btn-second_circle { -webkit-animation: cbk-phone-waves-2 3.5s infinite; -moz-animation: cbk-phone-waves-2 3.5s infinite; -ms-animation: cbk-phone-waves-2 3.5s infinite; -o-animation: cbk-phone-waves-2 3.5s infinite; animation: cbk-phone-waves-2 3.5s infinite; }
.callback-btn-third_circle { -webkit-animation: cbk-phone-waves-3 3.5s infinite; -moz-animation: cbk-phone-waves-3 3.5s infinite; -ms-animation: cbk-phone-waves-3 3.5s infinite; -o-animation: cbk-phone-waves-3 3.5s infinite; animation: cbk-phone-waves-3 3.5s infinite; }
@keyframes cbk-phone-waves-1{0%,42.86%{transform:matrix(1,0,0,1,0,0);opacity:.66;animation-timing-function:ease-in-out}to{transform:matrix(2.39,0,0,2.39,0,0);opacity:0}}@keyframes cbk-phone-waves-2{0%,42.86%{transform:matrix(1,0,0,1,0,0);opacity:.66;animation-timing-function:ease-in-out}to{transform:matrix(3.17,0,0,3.17,0,0);opacity:0}}@keyframes cbk-phone-waves-3{0%,42.86%{transform:matrix(.42,0,0,.42,0,0);opacity:.66;animation-timing-function:ease-in-out}to{transform:matrix(2.79,0,0,2.79,0,0);opacity:0}}@keyframes cbk-phone-pulse{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@-webkit-keyframes cbk-phone-opacity-pulse{0%,to{opacity:1}50%{opacity:.5}}@-moz-keyframes cbk-phone-opacity-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes cbk-phone-opacity-pulse{0%,to{opacity:1}50%{opacity:.5}}

@media all and (max-width: 580px) { 
.callback-btn-fixed { bottom: 35px; right: auto; left: 30px; margin: 0; }
}