/*
Description: CSS for ADA Relief
	Author: Lumiverse Dynamic
Author URI: https://lvdynamic.com
License: GPL2
Copyright 2020 Lumiverse Dynamic
	Version: 1.2.7
*/


/* The only bit you need */
/*
.ar-highcontrast   {
  background-color: #fff;
  background: none; 
  color: #000;
}
*/

.adarelief-line {
border-bottom: 1px solid #c2c2c2;
padding: 5px;
margin-bottom: 10px;
}

/* The sidebar menu */
.adarelief-sidebar {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid 1px #ddd;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    transition: .5s;
    background: #fff;
    /*font-family: arial!important; */
    text-align: left;
    position: fixed; /* Stay in place */
  display: block;
  z-index: 99999999999999; /* Stay on top */
  height: auto; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  bottom: 5px;
  padding: 0;
  left: 0;
}    
    




/* The sidebar links */
.adarelief-sidebar a {
  /* padding: 8px 8px 8px 32px; */
  padding-left: 10px;
  text-decoration: none!important;
  font-size: 14px!important;
  color: #fff;
  display: block;
  transition: 0.3s;
  height: 17px!important;
}

.arsidelinks {
	color: #fff!important;
/*	background-color: #24599f!important; */
	height: 17px!important;
}	

.arsidelinks i {
	color: #fff!important;
	
}

.arsidelinks fas {
	color: #fff!important;
	
}

/* When you mouse over the navigation links, change their color */
.adarelief-sidebar a:hover {
 /* color: #ffffff!important;
  font-weight: 400!important; */
}

/* Position and style the close button (top right corner) */
.adarelief-sidebar .adarelief-closebtn {
  /*font-size: 32px!important;
   top: 1px;
  right: 7px;
  margin-left: 70px; */ 
  margin-left: -2px;
  color: #fff;
}

.arsidebutton {
    color: #000!important;
    background-color: #ffffff;
    height: 65px!important;
    padding: 0px;
    width: 155px;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
    font-size: 11px!important;
    float:left;
        box-sizing: border-box !important;
    font-family: Verdana,Helvetica,arial,sans-serif !important;
	font-weight: 600!important;
	cursor: pointer;
}

.arsidebutton img {
    height: 30px!important;
	width: auto;
	padding-bottom: 8px;
}

.arsidebutton:hover, input[type="button"]:focus {
    background-color: #daf2ff!important;
}

.arsidebuttonsmall {
    color: #000!important;
    background-color: #f7f7f7;
    height: 25px!important;
    padding: 0;
    width: 155px;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px;
    margin: 0px 0px 0px 0px;
    font-size: 11px!important;
    float:left;
        box-sizing: border-box !important;
    font-family: Verdana,Helvetica,arial,sans-serif !important;
	font-weight: 600!important;
	cursor: pointer;
}

.arsidebuttonsmall:hover, input[type="button"]:focus {
    background-color: #daf2ff!important;
}

.arsidebuttonbig {
    color: #000!important;
    background-color: #f7f7f7;
    height: 25px!important;
    padding: 0;
    width: 310px;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px 0 0 0;
    margin: 0px 0px 0px 0px;
    font-size: 11px!important;
    float:left;
        box-sizing: border-box !important;
    font-family: Verdana,Helvetica,arial,sans-serif !important;
	font-weight: 600!important;
	cursor: pointer;
}


.arsidebuttonbig:hover, input[type="button"]:focus {
    background-color: #daf2ff!important;
}

.arsidebuttoncredit {
    color: #fff!important;
    background-color: blue;
    height: 22px!important;
    padding: 3px 5px 5px 5px;
    width: 100%;
    border-style: solid;
    border-color: #d3d3d3;
    border-width: 1px 0 0 0;
    margin: 0px 0px 0px 0px;
    font-size: 10px!important;
    float:left;
    box-sizing: border-box !important;
    font-family: Verdana,Helvetica,arial,sans-serif !important;
	cursor: pointer;
}

/* The button used to open the sidebar */
.adarelief-openbtn {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
 background-image: url("accessibility-icon.png"); 
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  
  background-color: transparent;
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnblue {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-blue.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  
  background-color: transparent;
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnblue { background-color: transparent!important; }

.adarelief-openbtngreen {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-green.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  
  background-color: transparent;
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtngreen { background-color: transparent!important; }

.adarelief-openbtnred {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-red.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  
  background-color: transparent;
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnred { background-color: transparent!important; }

.adarelief-openbtnorange {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-orange.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  
  background-color: transparent;
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnorange { background-color: transparent!important; }

/* The button used to open the sidebar */
.adarelief-openbtnright {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-orange.png");
  background-color: transparent;
  width: 40px;
  height: 40px;
  border: none;
  position: fixed;
  right: 5px;
  top: calc(50% - 20px);
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtn:hover {
  /* background-color: #000; */
}

/* The button used to open the sidebar */
.adarelief-openbtnrightblue {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-blue.png");
  background-color: transparent;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  right: 5px;
  top: calc(50% - 20px);
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnrightblue { background-color: transparent!important; }

.adarelief-openbtnrightred {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-red.png");
  background-color: transparent;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  right: 5px;
  top: calc(50% - 20px);
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnrightred { background-color: transparent!important; }

.adarelief-openbtnrightorange {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-orange.png");
  background-color: transparent;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  right: 5px;
  top: calc(50% - 20px);
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnrightorange { background-color: transparent!important; }

.adarelief-openbtnrightgreen {
  font-size: 18px;
  cursor: pointer;
  /* background-color: #24599f; */
  color: white;
  background-image: url("icon-green.png");
  background-color: transparent;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  width: 60px;
  height: 60px;
  border: none;
  position: fixed;
  right: 5px;
  top: calc(50% - 20px);
  z-index: 99999999999999; /* Stay on top */
}

.adarelief-openbtnrightgreen { background-color: transparent!important; }


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#adarelief-main {
  transition: margin-left .5s; /* If you want a transition effect */
  /* padding: 20px; */
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-width: 450px) {
  
  .adarelief-sidebar a {font-size: 14px!important;}
}


/* ADA STATEMENT */

/* The popup form - hidden by default */
.ar-statementbox {
  display: none;
  position: fixed;
 /*
 height: 98%!important;
  width: 98%!important;
 */ 
  color: #000!important;
  overflow:auto;
  padding: 10% 10% 6% 10%;
  border: 2px solid f0f0f0;
  bottom:15px;
  top: 15px;
  left: 1%;
  right: 1%;
  font-size: 15px!important;
  background-color: #fff; /* Black background with opacity */
  z-index: 9999999999999999999999;
}

.ar-statementbox .ar-btnclose {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 42px;
  margin-left: 70px;
  padding: 5px 10px 5px 10px;
  color: #fff;
  display: flex;
  background-color: #000;
  
  
}



/* OLD CSS */
.ar-highlight a:not(.arsidelinks) {
    text-decoration: underline!important;
    color: #ff0!important;
    background-color: #000!important;
}

.ar-highcontrast  *:not(.ar-image):not(.adarelief-sidebar):not(.arsidelinks):not(.adarelief-closebtn):not(.adarelief-openbtnblue):not(.adarelief-openbtnred):not(.adarelief-openbtnorange):not(.adarelief-openbtngreen):not(.adarelief-line):not(.adarelief-openbtnrightblue):not(.adarelief-openbtnrightred):not(.adarelief-openbtnrightorange):not(.adarelief-openbtnrightgreen):not(.arsidebutton):not(.arsidebuttonsmall):not(.arsidebuttonbig):not(#adarelief-mySidebar){
  background-color: #000!important;
  background: #000!important; 
  background-image: none!important; 
  color: #fff!important;  
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ar-highcontrast  a { 
  color: #fff!important;  
}

.ar-mousecursor  { 
  cursor: url('black-cursor.png'), auto;  
}

.ar-mousecursor  a { 
  cursor: url('black-cursor-hand.png'), auto;  
}


.ar-lightcontrast  *:not(.ar-image):not(.adarelief-sidebar):not(.ar-statementbox):not(.arsidelinks):not(.adarelief-closebtn):not(.adarelief-openbtnblue):not(.adarelief-openbtnred):not(.adarelief-openbtnorange):not(.adarelief-openbtngreen):not(.adarelief-openbtnrightblue):not(.adarelief-openbtnrightred):not(.adarelief-openbtnrightorange):not(.adarelief-openbtnrightgreen):not(.adarelief-line):not(.adarelief-openbtnright):not(.arsidebutton):not(.arsidebuttonsmall):not(.arsidebuttonbig) {
  background-color: #fff!important;
  background: #fff!important; 
   background-image: none!important; 
  color: #000!important;  
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.ar-invertcolors img:not(.ar-image), .ar-invertcolors li, .ar-invertcolors a, .ar-invertcolors rs-layer, .ar-invertcolors p:not(.adarelief-sidebar) {
	filter: invert(100%);
}
.ar-invertcolors .elementor-row, .ar-invertcolors .elementor-column, .ar-invertcolors .elementor-element, .ar-invertcolors  .fusion-fullwidth, .ar-invertcolors  .fusion-column {
  filter: invert(100%);;
}


.ar-saturate img:not(.ar-image), .ar-saturate li, .ar-saturate a, .ar-saturate rs-layer, .ar-saturate p:not(.adarelief-sidebar) {
    filter: saturate(300%);
 }
 
.ar-saturate .elementor-row, .ar-saturate .elementor-column, .ar-saturate .elementor-element, .ar-saturate  .fusion-fullwidth, .ar-saturate  .fusion-column {
  filter: invert(100%);;
}

.ar-readfont *:not(.arsidebuttoncredit):not(.adarelief-closebtn):not(.adarelief-sidebar):not(.arsidelinks):not(.arsidebutton):not(.arsidebuttonsmall):not(.arsidebuttonbig) {
      font-family: Arial,sans-serif !important;  
}

@font-face {
  font-family: AdaReliefDyslecticRegular;
  src: url(fonts/AdaReliefDyslexic-Regular.otf);
}

@font-face {
  font-family: AdaReliefDyslecticBold;
  src: url(fonts/AdaReliefDyslexic-Bold.otf);
}

.ar-dysfont *:not(i):not(.arsidebuttoncredit):not(.adarelief-closebtn):not(.adarelief-sidebar):not(.arsidelinks):not(.arsidebutton):not(.arsidebuttonsmall):not(.arsidebuttonbig) {
      font-family: AdaReliefDyslecticRegular,Verdana,Helvetica !important;  
}

.ar-dysfont h1,.ar-dysfont h2,.ar-dysfont h3,.ar-dysfont h4,.ar-dysfont h5, .ar-dysfonth6, .ar-dysfont b {
      font-family: AdaReliefDyslecticBold,Verdana,Helvetica !important;  
}

/*
.ar-grayscale *:not(.adarelief-sidebar) {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
*/

.ar-grayscale img:not(.ar-image), .ar-grayscale li, .ar-grayscale a, .ar-grayscale rs-layer {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.ar-grayscale p:not(.adarelief-sidebar) {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.ar-grayscale .elementor-row, .ar-grayscale .elementor-column, .ar-grayscale .elementor-element {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.ar-grayscale div:not(.adarelief-sidebar) {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

/*
.ar-grayscale  * {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}
*/


.ar-imgbw  *:not(.adarelief-openbtnblue):not(.adarelief-openbtnred):not(.adarelief-openbtnorange):not(.adarelief-openbtngreen):not(.adarelief-openbtnrightblue):not(.adarelief-openbtnrightred):not(.adarelief-openbtnrightorange):not(.adarelief-openbtnrightgreen) {
  background-image: none!important;
}


.ar-imgbw  img:not(.ar-image) {
  display: none!important;
}




.grid {
 list-style: none;
 margin-left: 0px;
  background: #fff;
  height: auto;
}

.gc {
 box-sizing: border-box;
 display: inline-block;
 margin-right: -.25em;
 min-height: 1px;
 padding-left: 10px;
 vertical-align: top;
}

.gc--1-of-3 {
 width: 25%;
}

.gc--2-of-3 {
 width: 75%;
}

.naccs {
 /*
 position: relative;
 max-width: 900px;
 */
 margin: 50px auto 0;
 background: #fff;
}

.naccs .menu div {
 padding: 12px 20px 12px 20px;
 margin-bottom: 10px;
 color: #005457;
 background: #f2f2f2;
 box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
 cursor: pointer;
 position: relative;
 vertical-align: middle;
 font-weight: 700;
 font-size: 14px;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div:hover {
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.naccs .menu div span.light {
 height: 10px;
 width: 10px;
 position: absolute;
 top: 24px;
 left: 15px;
 background-color: #f2e7fe;
 border-radius: 100%;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.naccs .menu div.active span.light {
 background-color: #0056a1;
 left: 0;
 height: 100%;
 width: 6px;
 top: 0;
 border-radius: 0;
}

.naccs .menu div.active {
 color: #dd0015;
 padding: 15px 20px 15px 20px;
}

ul.nacc {
 position: relative;
 height: 0px;
 list-style: none;
 margin: 0;
 padding: 0;
 transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
 font-size: 18px;
}

ul.nacc li {
 opacity: 0;
 transform: translateX(50px);
 position: absolute;
 list-style: none;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
 font-size: 18px;
}

ul.nacc li.active {
 transition-delay: .3s;
 z-index: 2;
 opacity: 1;
 transform: translateX(0px);
 width: 99%;
}

ul.nacc li p {
 margin: 0;
 font-size: 18px;
}


#adafloatmenu {
  position: fixed; /* Position them relative to the browser window */
  /*right: 40%; Position them outside of the screen */
  left: calc(50% - 100px);
  bottom: -339px;
  height: auto;
  min-height: 380px;
  /*line-height: 30px;*/
  background-color: #f2f2f2;
  transition: 0.5s; /* Add transition on hover */
  padding: 1px 1px 1px 2px; /* 15px padding */
  width: 200px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 12px; /* Increase font size */
  color: white; /* White text color */
  z-index: 99999999999999!important;
  /* background-image: url( '/wp-content/plugins/ada-relief/images/ada-button.png'); */
  background-repeat: no-repeat;
  -webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.2);
}

#adafloatmenu:hover {
  bottom: 0; /* On mouse-over, make the elements appear as they should */
}

#adafloatmenu .nav
	{   
		padding-left: 1px;
		font-weight: 800;
		font-size: 15px;
		color: #fff;
        margin-top: 0px;
	}

#adafloatmenu .nav li
	{   
		font-size: 14px;
		margin-bottom: 1px;
		color: #000;
		background-color: #e5e5e5;
		 list-style-type: none;
        /*text-align: center;*/
		
	}	
	
#adafloatmenu .nav li a
	{   
		/*
		margin-left: 10px;
		font-weight: 400;
		font-size: 14px;
		color: #000;
        text-align: center;
		margin-left: -3px;
		*/
	}

.adanopanel
	{   
		font-size: 14px;
		margin-bottom: 1px;
		color: #fff;
		background-color: #da0000!important;

	}

.adanopanel a
	{   
		font-size: 14px;
		color: #fff!important;
	}

.adaokpanel
	{   
		font-size: 14px;
		margin-bottom: 1px;
		color: #fff;
		background-color: #394f9a!important;

	}

.adaokpanel a
	{   
		font-size: 14px;
		color: #fff!important;
	}	

#adafloatbutton1:hover {
  right: 0; /* On mouse-over, make the elements appear as they should */
}



#adafloatbutton1 {
  position: fixed; /* Position them relative to the browser window */
  right: -121px; /* Position them outside of the screen */
  top: 50%;
  height: 30px;
  line-height: 30px;
  background-color: #0f246c;
  transition: 0.5s; /* Add transition on hover */
  padding: 1px 1px 1px 2px; /* 15px padding */
  width: 150px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 12px; /* Increase font size */
  color: white; /* White text color */
  z-index: 99999999999999!important;
  border-style: solid;
  cursor: zoom-in;
  border-width: 1px;
}

#adafloatbutton1:hover {
  right: 0; /* On mouse-over, make the elements appear as they should */
}

#adafloatbutton2 {
  position: fixed; /* Position them relative to the browser window */
  right: -121px; /* Position them outside of the screen */
  top: calc(50% + 29px);
  height: 30px;
  line-height: 30px;
  background-color: #b41504;
  transition: 0.5s; /* Add transition on hover */
  padding: 1px 1px 1px 2px; /* 15px padding */
  width: 150px; /* Set a specific width */
  text-decoration: none; /* Remove underline */
  font-size: 12px; /* Increase font size */
  color: white; /* White text color */
  z-index: 99999999999999!important;
  border-style: solid;
  cursor: not-allowed;
  border-width: 1px;
}

#adafloatbutton2:hover {
  right: 0; /* On mouse-over, make the elements appear as they should */
}



.afareliefsettingsbox {
  background-color: #f1f1f1;
  border-width: 1px;
  border-style: solid;
  border-color: #c1c1c1;
  border-radius: 5px;
  width: 95%;
  margin-bottom:2px;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  font-weight: 500;
} 

.afareliefsettingsboxblue {
  background-color: #0056a1;
  border-width: 1px;
  border-style: solid;
  border-color: #004c8e;
  border-radius: 5px;
  width: 95%;
  margin-bottom:2px;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.afareliefsettingsboxred {
  background-color: red;
  border-width: 1px;
  border-style: solid;
  border-color: #004c8e;
  border-radius: 5px;
  width: 95%;
  margin-bottom:2px;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.afareliefsettingsboxtitle{
  background-color: #e0f1ff;
  width: 95%;
  margin-bottom:2px;
  padding: 7px 15px 7px 15px;
  font-weight: 500;
  color: #000;
  margin: 15px 0 2px 0;
}

.afareliefsettingsboxtitle p {
  font-size: 15px!important;
}


.adafloat-wplocalseo-mainbox {
	position:fixed;
	padding:0px;
	top: 45%;
	right:5px;
	background-color: #394f9a;
	color:#fff;
	border-radius:5px;
	text-align:center;
	width: 110px;
	/*box-shadow: 2px 2px 3px #999; */
	z-index: 99999999999999!important;
}	

.adafloat-wplocalseo{
	padding:10px;
	background-color: #394f9a;
	color:#fff;
	width: 100%;
	text-align:center;
	
	/*box-shadow: 2px 2px 3px #999; */
	
}

.adafloat-wplocalseooff{
	padding:10px;
	background-color: #9e0000;
	color:#fff;
	width: 100%;
	text-align:center;
	
	/*box-shadow: 2px 2px 3px #999; */
	
}

.adafloat-wplocalseo-mainbox: hidden {
opacity: 0;	
 transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.adafloat-wplocalseo: hidden {
opacity: 0;	
 transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.adafloat-wplocalseooff: hidden {
opacity: 0;	
 transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}

.my-adafloat-wplocalseo{
	font-size:18px;
	margin-top:8px;
	z-index: 99999999999999!important;
}

a.adafloat-wplocalseo + div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
  z-index: 99999999999999!important;
}

a.adafloat-wplocalseo:hover + div.label-container{
  visibility: visible;
  opacity: 1;
  	color:#Ffff883;
  z-index: 99999999999999!important;
}

.adarelief-bigbox {
 background-color: #ffffff!important;
 padding: 5px 10px 5px 10px;
 border-width: 0px;
 padding-bottom: 5px;
 border-color: #eee!important;
 border-width: 0px;
 border-bottom: 2px;
 border-style: solid;
 width: 92%;
}

.adarelief-info{
	background-color: #ffffff!important;
 padding: 10px 10px 5px 10px;
 font-size: 14px;
 width: 90%;
 margin-bottom: 5px;
} 

.adarelief-info p {
 font-size: 14px!important;
} 

.adarelief-box {
 background-color: #ffffff!important;
 padding: 5px 10px 5px 10px;
 margin-right: 3px;
 border-width: 0px;
 padding-bottom: 5px;
 border-color: #eee!important;
 border-width: 0px;
 border-bottom: 2px;
 border-style: solid;
 font-size: 14px;
 width: 100%;
}

.adarelief-box h2 {
 font-size: 20px;
}

.adarelief-box p {
 font-size: 14px;
}


.adarelief-question {
    width: 97%;
    float: left;
    padding-top: 7px;
	padding-bottom: 7px;
	padding: 7px;
	vertical-align: middle;
	border-bottom: 1px solid #e3e3e3;
    line-height: 18px;
}

.adarelief-box h3 {
 
 text-align: center;
 padding: 10px;
 padding-top: 0px;
 border-color: #eee!important;
 border-width: 0px;
 border-bottom: 1px;
 border-style: solid;
 
}



.adarelief-switch {
  margin: 0 auto;
  position: relative;
  float: left;
  margin-top: -7px;
  margin-right: 20px;
}

.adarelief-switch label {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.adarelief-switch input {
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  opacity: 0;
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.adarelief-switch.toggle3 {
  width: 80px;
  height: 20px;
}

.adarelief-switch.toggle3 label {
  display: block;
  width: 100%;
  height: 100%;
  background: #a5a39d;
  border-radius: 20px;
  box-shadow:
      inset 0 3px 8px 1px rgba(0,0,0,0.2),
      0 1px 0 rgba(255,255,255,0.5);
}

.adarelief-switch.toggle3 label:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0px; right: 0px; bottom: 0px; left: 0px;
  border-radius: inherit;
  background: #ababab;
  box-shadow: 0 0 10px rgba(0,0,0,0.3),
        0 1px 1px rgba(0,0,0,0.25)
}

.adarelief-switch.toggle3 label:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -18px; right: -18px; bottom: -18px; left: -18px;
  border-radius: inherit;
  background: #eee;
  box-shadow:
      0 1px 0 rgba(255,255,255,0.5);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px)
}

.adarelief-switch.toggle3 label i {
  display: block;
  height: 100%;
  width: 50%;
  border-radius: inherit;
  background: silver;
  position: absolute;
  z-index: 2;
  right: 50%;
  top: 0;
  background: #b2ac9e;
  background: -moz-linear-gradient(#f7f2f6, #b2ac9e);
  background: -ms-linear-gradient(#f7f2f6, #b2ac9e);
  background: -o-linear-gradient(#f7f2f6, #b2ac9e);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
  background: -webkit-linear-gradient(#f7f2f6, #b2ac9e);
  background: linear-gradient(#f7f2f6, #b2ac9e);
  box-shadow:
      inset 0 1px 0 white,
      0 0 5px rgba(0,0,0,0.3),
      0 2px 5px rgba(0,0,0,0.2);
}

.adarelief-switch.toggle3 label i:after {
  content: "";
  position: absolute;
  left: 10%;
  top: 25%;
  width: 70%;
  height: 50%;
  background: #d2cbc3;
  border-radius: inherit
}

.adarelief-switch.toggle3 label i:before {
  content: "off";
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  color: rgba(0,0,0,0.4);
  text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -85%;
}

.adarelief-switch.toggle3 input:checked ~ label {
  background: #9abb82;
}

.adarelief-switch.toggle3 input:checked ~ label i {
  right: -1%;
}

.adarelief-switch.toggle3 input:checked ~ label i:before {
  content: "on";
  right: 115%;
  color: #82a06a;
  text-shadow: 
    0 1px 0 #afcb9b,
    0 -1px 0 #6b8659;
}

.adarelief-cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.adarelief-cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}


input.adarelief-cmn-toggle-round + label {
  padding: 2px;
  width: 70px;
  height: 20px;
  border-radius: 0px!important;
  background-color: #dddddd;
  margin-top: 4px;
  
}
input.adarelief-cmn-toggle-round + label:before,
input.adarelief-cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.adarelief-cmn-toggle-round + label:before {
  right: 1px;
  background-color: #dadada;
  content: "OFF";
  padding-top:2px;
  color: red;
  text-align: right;
  font-weight: 600;
  padding-right: 10px;
  transition: background 0.4s;
}
input.adarelief-cmn-toggle-round + label:after {
  width: 18px;
  background-color: #ff1e1e;
  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.adarelief-cmn-toggle-round:checked + label:before {
  content: "ON";
  padding-left: 10px;	
  background-color: #dfffdc;
  padding-top:2px;
  color: #000;
  text-align: left;
  font-weight: 600;
}
input.adarelief-cmn-toggle-round:checked + label:after {	
  margin-left: 54px;
  background-color: #27A1CA;
}