ul, li {
    margin: 0;padding: 0;border: 0;
}

.contact-box{display:none}
@media (min-width: 58.12538em){
.contact-box{display:block;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.2);border:1px solid #d3d3d3;background-color:rgba(255,255,255,0.6);left:0;padding:6px;position:fixed;top:435px;z-index:5;transition:all 0.15s ease-in 0s}

.contact-box:hover{background-color:#fff;cursor:pointer}
.contact-box ul li{margin-bottom:5px;padding:0px;text-align:center;width:30px;height:30px;position:relative;}
.contact-box ul li i{color:#fff}
.contact-box ul li ul li .last{margin-bottom:5px}
.contact-box ul li.last{margin-bottom:0px}
.contact-box li>.contakt-hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.2);box-shadow:0 3px 10px rgba(0,0,0,0.2);border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:3px solid #8bb63a;background-color:#fff;padding:20px;position:absolute;top:-200%;width:300px;z-index:10;left:45px;text-align:left;display:none}

.contact-box li>.contakt-hover i{color:#8bb63a}

.contact-box li>.contakt-hover:after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent #fff transparent transparent;border-image:none;border-style:solid;border-width:10px;content:" ";height:0;pointer-events:none;position:absolute;right:100%;top:45%;width:0}

.contact-box li:hover>.contakt-hover{display:block}