a:focus {
outline: none;
}

.panel {
position: fixed;
top: 53px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 220px;
height: auto;
padding: 40px;
filter: alpha(opacity=85);
opacity: .85;
z-index:9999999;
}

.panel p, .panel li{
margin: 0 0 15px 0;
padding: 0;
color: #fff;
}

.panel strong{
margin: 0 0 15px 0;
padding: 0;
color: #FD9A35;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}


.trigger{
position: fixed;
background: url('../img/zvonok.png') top center no-repeat;
width: 262px;
height: 131px;
top: 0px; right: 10px;
display: block;
z-index:999999;
 text-align:center; 
}

.trigger .phone{padding-top:20px;}  

.trigger a{
text-decoration: underline;
font-size: 12px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
font-weight: 500;
color:#fff; font-size:90%; line-height: 1.2em;  

}

.trigger a:hover{
text-decoration: none;
color:#cadce7;
}

a.active.trigger {
background:#222222 url(images/minus.png) 65% 35% no-repeat;
}

@media screen and (max-width: 750px) {

.trigger{
position: fixed;
background: url('../img/zvonok.png') top center no-repeat;
width: 262px;
height: 131px;
top: 0px; left: 9px;
margin:0 auto;
display: block;
z-index:999999;
 text-align:center; 
}


.panel {
position: fixed;
left: 0; margin:0 auto;
}


}