@font-face {
font-family: 'realaccessability';
src:url(//grarguy.co.il/wp-content/plugins/real-accessability/fonts/realaccessability.eot?717675);
src:url(//grarguy.co.il/wp-content/plugins/real-accessability/fonts/realaccessability.eot?717675#iefix) format('embedded-opentype'),
url(//grarguy.co.il/wp-content/plugins/real-accessability/fonts/realaccessability.ttf?717675) format('truetype'),
url(//grarguy.co.il/wp-content/plugins/real-accessability/fonts/realaccessability.woff?717675) format('woff'),
url(//grarguy.co.il/wp-content/plugins/real-accessability/fonts/realaccessability.svg?717675#realaccessability) format('svg');
font-weight: normal;
font-style: normal;
}
.real-accessability-body {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2ms;
-o-transition: all 0.2ms;
transition: all 0.2s; 	
}
#real-accessability {
width: 200px;
background: #fff;
border: 1px #063d8d solid;
border-right-width: 0;
position: fixed;
top: 110px;
right: -200px;
min-height: 35px;
z-index: 999999999;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2ms;
-o-transition: all 0.2ms;
transition: all 0.2s;  
font-size: 15px;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#real-accessability a#real-accessability-btn {
background-color: #063d8d;
position: absolute;
top: -1px;
left: -40px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
text-decoration: none;
}
#real-accessability a#real-accessability-btn i {
font-family: 'realaccessability';
font-size: 26px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;	
color: #fff;	
}
#real-accessability a#real-accessability-btn i.real-accessability-icon:before {
content: "\e907";	
}
#real-accessability a#real-accessability-btn i.real-accessability-loading {
display: none;
}
#real-accessability a#real-accessability-btn i.real-accessability-loading:before {
content: "\e908";
font-size: 20px;
-webkit-animation-name: spin;
-webkit-animation-duration: 2500ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 2500ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 2500ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;		
}
@-webkit-keyframes spin {
from {
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform:rotate(360deg);
}
}
#real-accessability.open {
right: 0;
}
#real-accessability ul {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
}
#real-accessability ul li {
line-height: 38px;
border-top: 1px #ccc solid;
}
#real-accessability ul li:first-child {
border-top: 0;
}
#real-accessability ul li a {
display: block;
padding: 0 10px;
color: #222;
text-decoration: none;
position: relative;
}
#real-accessability ul li a:before {
font-family: 'realaccessability';
content: " ";
font-size: 17px;
margin-right: 10px;
position: relative;
top: 2px;
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;	
}
#real-accessability ul li a#real-accessability-biggerFont:before {
content: "\e901";
}
#real-accessability ul li a#real-accessability-smallerFont:before {
content: "\e902";
}
#real-accessability ul li a#real-accessability-invert:before {
content: "\e904";	
}
#real-accessability ul li a#real-accessability-grayscale:before {
content: "\e903";
}
#real-accessability ul li a#real-accessability-linkHighlight:before {
content: "\e906";
}
#real-accessability ul li a#real-accessability-regularFont:before {
content: "\e900";
}
#real-accessability ul li a#real-accessability-reset:before {
content: "\e905";
}
#real-accessability ul li a:hover:before,
#real-accessability ul li a.clicked:before {
background-position-y: bottom !important;
}
#real-accessability ul li a:hover {
background-color: #fafafa;
color: #063d8d;
}
#real-accessability ul li a.clicked {
background-color: #fafafa;
color: #063d8d;
-moz-box-shadow: inset 0 0 3px #ccc;
-webkit-box-shadow: inset 0 0 3px #ccc;
box-shadow: inset 0 0 3px #ccc;	
}
#real-accessability-copyright {
text-align: center;
line-height: 25px;
font-size: 13px;
}
#real-accessability-copyright a {
background: #eaedf2;
color: #424e5f;
display: block; 
padding: 8px 10px;
}
#real-accessability-copyright a:hover {
background: #355f9d;
text-decoration: underline;
color: #fff;
}
#real-accessability-player {
text-align: center;
line-height: 25px;
font-size: 13px;
border-top-width:1px;
border-top-color:#ccc;
border-top-style:solid;
border-bottom-width:1px;
border-bottom-color:#ccc;
border-bottom-style:solid;
padding-top:12px;
padding-bottom:12px;
}
#real-accessability-player span{
display:block;
font-size:15px;
color:#424e5f;
} .real-accessability-grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);	
}
.real-accessability-invert {
-webkit-filter: invert(100%);
filter: invert(100%);	
color: #000;
}
.real-accessability-linkHighlight a {
text-decoration: underline !important;
}
.real-accessability-regularFont {
font-family: Arial, Helvetica, sans-serif !important;
} html[dir="rtl"] #real-accessability {
left: -197px;
right: auto;
border-right-width: 1px;
border-left-width: 0;
}
html[dir="rtl"] #real-accessability.open {
right: auto;
left: 0;
}
html[dir="rtl"] #real-accessability a#real-accessability-btn {
right: -40px;
left: auto;
}
html[dir="rtl"] #real-accessability ul li a:before {
margin-right: 0;
margin-left: 10px;
}