
/*** EDIT MENU ***/
.edit_icon{width:40px; float:right; padding:40px 0 0 0; display:block; top:0; right:0; position:absolute; z-index:390;}
.edit_menu{width:430px; float:right; top:0; right:0; position:absolute; z-index:400; text-align:center;transition-duration:1s;transition-duration:500ms;transition-duration:100ms, 100ms; overflow:hidden;}
.visible_menu{display:none; width:100%; float:left;top:0; left:0; position:relative; z-index:200; margin-top:40px}
.edit_menu .close_icon{width:40px; float:left; padding:40px 0 0 0; display:block;}
.edit_menu:hover .close_icon{display:block;}
.edit_menu:hover .edit_menu_details{display:block !important;}
.edit_menu .edit_menu_details{width:386px; float:right;  border:2px solid #175a88; box-shadow:0 0 4px rgba(0,0,0,0.5); font-size:15px; display:block;background-color:white;z-index:10;}
.edit_menu .edit_menu_details h2{background:#eaeaea; text-align:center; padding:7px 0; font-size:20px; border-bottom:1px solid #c8c8c8;color:black;}
.edit_menu .edit_menu_details .main_link{width:100%; float:left;}
.edit_menu .edit_menu_details ul{margin:0; padding:0; width:100%; float:left;}
.edit_menu .edit_menu_details ul li{width:100%; float:left; border-bottom:1px solid #c8c8c8;border:0;list-style-type: none;}
.edit_menu .edit_menu_details ul li:last-child{border:0;}
.edit_menu .edit_menu_details ul li ul li{width:33.333%; float:left; border:0;list-style-type: none;}
.edit_menu .edit_menu_details ul li ul li img{display:block; margin:0 auto 5px auto; width:45px; border:1px solid #fff; padding:3px 7px;}
.edit_menu .edit_menu_details ul li ul li:hover img{-webkit-filter:brightness(10) grayscale(1) opacity(.7);-moz-filter:brightness(10) grayscale(1) opacity(.7);filter:brightness(10) grayscale(1) opacity(.7);transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.edit_menu .edit_menu_details ul li ul li a.active img{-webkit-filter:brightness(10) grayscale(1) opacity(.7);-moz-filter:brightness(10) grayscale(1) opacity(.7);filter:brightness(10) grayscale(1) opacity(.7);transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.edit_menu .edit_menu_details ul li ul li a{display:block; float:left; width:100%; padding:10px 0; color:#333;background:url(../images/accessibility/accessibility/dot.png) repeat-y right 0 #fff;}
.edit_menu .edit_menu_details ul li ul li a:hover{background:url(../images/accessibility/dot.png) repeat-y right 0 #333; color:#fff;}
.edit_menu .edit_menu_details ul li ul li a.active{background:url(../images/accessibility/accessibility/dot.png) repeat-y right 0 #333; color:#fff;}
.edit_menu .edit_menu_details .link_holder{width:100%; float:left; text-align:center; background:#eaeaea;border-top:1px solid #c8c8c8; font-size:14px; color:#000; padding:7px 0;}
.edit_menu .edit_menu_details .link_holder a{color:#000;}
.edit_menu .edit_menu_details .text_holder{width:100%; float:left; text-align:center; font-size:14px; color:rgba(0,0,0,0.6); padding:7px 0; background:#fff;}

@media only screen and (min-width: 1025px) {
    .edit_menu .edit_menu_details ul li ul li:hover img{-webkit-filter:brightness(10) grayscale(1) opacity(.7);-moz-filter:brightness(10) grayscale(1) opacity(.7);filter:brightness(10) grayscale(1) opacity(.7);transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
    .edit_menu .edit_menu_details ul li ul li a:hover{background:url(../images/accessibility/dot.png) repeat-y right 0 #333; color:#fff;}
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
/*** EDIT MENU ***/
.edit_icon, .edit_menu .close_icon{width:35px; padding:160px 0 0 0;}
.edit_menu{width:360px;}
.edit_menu .edit_menu_details{width:321px; font-size:14px;}
.edit_menu .edit_menu_details h2{font-size:18px;padding:10px 0;}
.edit_menu .edit_menu_details ul li ul li a{width:100%; padding:10px 0;}
.edit_menu .edit_menu_details ul li ul li img{width:50px;}
}


@media only screen and (max-width:360px){
/*** EDIT MENU ***/
.edit_icon, .edit_menu .close_icon{width:30px; padding:160px 0 0 0;}
.edit_menu{width:310px;}
.edit_menu .edit_menu_details{width:276px; font-size:12px;}
.edit_menu .edit_menu_details h2{font-size:16px;}
.edit_menu .edit_menu_details ul li ul li img{width:40px;}
}

#acs_body.acs--body-imagehover .acs--imagehover {
    position: absolute;
    left: 50%;
    top: 50%;
    background: #000;
    color: #fff;
    padding: 5px 3px;
    border-radius: 5px;
    display: block
}

#acs_body.acs--body-light * {
    background: #fff!important;
    color: #000!important;
}

#acs_body.acs--body-light a {
    outline: grey dotted 2px
}


#acs_body.acs--body-light input, #acs_body.acs--body-light textarea, #acs_body.acs--body-light select {
    border: 1px solid #000!important;
}

#acs_body.acs--body-grayscale {
 -webkit-filter: grayscale(100%);    /* The WebKit kernel supports well */
    -moz-filter: grayscale(100%);    /* Other kernel does not support for future compatibility, writing */
     -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
         filter: grayscale(100%);    /* Standard */
    filter: gray;
/* filter:url('../images/accessibility/gray.svg#grayscale'); Gray filter on the gray.svg file ID called grayscale filter*/
}
#acs_body.acs--body-grayscale img {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;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\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
#acs_body.acs--body-dark img {
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -ms-filter: invert(1);
    -o-filter: invert(1);
    filter: invert(1)
}

#acs_body.acs--body-dark * {
    background: #000!important;
    border: none!important;
    color: #fff!important;
}

#acs_body.acs--body-dark a {
    color: gold!important;
    outline: gold dashed 1px
}
#acs_body.acs--body-dark input, #acs_body.acs--body-dark textarea, #acs_body.acs--body-dark select {
    border: 1px solid #fff!important;
}

#acs_body.acs--body-dark h1,
#acs_body.acs--body-dark h2,
#acs_body.acs--body-dark h3,
#acs_body.acs--body-dark h4,
#acs_body.acs--body-dark h5,
#acs_body.acs--body-dark h6 {
    color: gold!important
}

#acs_body.acs--body-dark a:hover {
    color: #000!important;
    background: #ffc!important
}

#acs_body.acs--body-dark p,
#acs_body.acs--body-dark span {
    color: #fff!important
}

#acs_body.acs--body-readable,
#acs_body.acs--body-readable:not(i) {
    font-family: Verdana, Arial, Helvetica, sans-serif!important
}

#acs_body.acs--body-links-underline a {
    text-decoration: underline!important
}

#acs_body.acs--body-title-underline h1,
#acs_body.acs--body-title-underline h2,
#acs_body.acs--body-title-underline h3,
#acs_body.acs--body-title-underline h4,
#acs_body.acs--body-title-underline h5,
#acs_body.acs--body-title-underline h6 {
    font-weight: 700!important;
    border-bottom: 2px solid #111!important
}

#acs_body.acs--body-zoom {
transform: scale(1.5);
transform-origin: 100% 0;
-ms-transform: scale(1.5); /* IE 9 */
-ms-transform-origin: 100% 0;
-webkit-transform: scale(1.5); /* Safari and Chrome */
-webkit-transform-origin: 100% 0;
-o-transform: scale(1.5); /* Opera */
-o-transform-origin: 100% 0;
-moz-transform: scale(1.5); /* Firefox */
-moz-transform-origin: 100% 0;
}
.cursor-black {
    cursor: url(../images/accessibility/arrow-black.cur), auto;
}

.cursor-light {
    cursor: url(../images/accessibility/arrow-white.cur), auto!important;
}

.cursor-black a {
    cursor: url(../images/accessibility/hand-black.cur), auto!important;
}

.cursor-light a {
    cursor: url(../images/accessibility/hand-white.cur), auto!important;
}

#acs_body.acs--body-animation * {
    transition: none!important;
    -o-transition: none !important;
    -ms-transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    animation: none!important;
    -o-animation: none !important;
    -ms-animation: none !important;
    -moz-animation: none !important;
    -webkit-animation: none !important;
}

#acs_body.acs--body-focus a:focus,
#acs_body.acs--body-focus button:focus,
#acs_body.acs--body-focus h1:focus,
#acs_body.acs--body-focus h2:focus,
#acs_body.acs--body-focus h3:focus,
#acs_body.acs--body-focus h4:focus,
#acs_body.acs--body-focus h5:focus,
#acs_body.acs--body-focus h6:focus,
#acs_body.acs--body-focus input:focus,
#acs_body.acs--body-focus select:focus,
#acs_body.acs--body-screen-read a:focus,
#acs_body.acs--body-screen-read button:focus,
#acs_body.acs--body-screen-read h1:focus,
#acs_body.acs--body-screen-read h2:focus,
#acs_body.acs--body-screen-read h3:focus,
#acs_body.acs--body-screen-read h4:focus,
#acs_body.acs--body-screen-read h5:focus,
#acs_body.acs--body-screen-read h6:focus,
#acs_body.acs--body-screen-read input:focus,
#acs_body.acs--body-screen-read select:focus {
    outline: grey dotted 2px
}