@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner .8s ease infinite;
}


/*#block-menu-block-1 a:hover {
  background: #a0c53a;
  color: #3d3d3d;
  border-top: 2px solid #2c2422;
  border-bottom: 2px solid #2c2422;
  line-height: 36px;
}
*/
/*#block-block-9 {
  margin-top: 37px;
}*/

/* footer */

/*#footer {
  border-top: 3px solid #a0c53a;
}

#footer-ndline {
  border-top: 3px solid #a0c53a;
  border-bottom: 3px solid #a0c53a;
  padding-top: 15px;
  padding-bottom: 10px;
}*/

/*.region-footer {
  padding-top: 12px;
  padding-bottom: 5px;
}
*/
/*#block-block-5 {
  width: 50%;
  line-height: 24px;
  margin-top: -3px;
}*/


/*#block-block-15 {
  font-size: 1.75rem;
  width: 33.3334%;
}*/

/*#block-block-15 span.fa {
  margin: 3px;
}*/

/*#block-block-15 a {
  color: #ccc;
}

#block-block-15 a:hover {
  color: #a0c53a;
}*/


/*#block-menu-block-3 {
  margin-bottom: 10px;
}*/

/*#block-menu-block-3 .a-level-2 {
  margin-bottom: 5px;
}
*/
/*#block-menu-block-3 .a-level-2:after {
  content: ":";
}*/


/*#block-menu-block-3 .menu .menu {
  margin-top: 5px;
}*/
/* вычистить всё
#block-block-12 a {
  font-size: 0.8125rem;
  text-decoration: none;
  margin-right: 10px;
}

#block-block-12 a:hover {
  text-decoration: underline;
}

#block-block-12 a:first-child {
  font-weight: bold;
  margin-right: 10px;
  color: #a0c53a;
  font-size: 1rem;
  text-decoration: none;
}

#block-block-12 a:first-child:after {
  content: ":";
}*/



/*#block-menu-menu-footer-custom {
  margin-top: 0px;
}
*/
/*#block-menu-menu-footer-custom .menu {
  margin-top: 5px;
}

#block-menu-menu-footer-custom .menu li {
  margin-right: 10px;
}

#block-menu-menu-footer-custom .menu a {
  text-decoration: none;
  font-size: 0.8125rem;
}

#block-menu-menu-footer-custom .menu a:hover {
  text-decoration: underline;
}*/


/*#block-menu-menu-footer-custom ul li:first-child a:first-child {
  font-weight: bold;
  margin-right: 10px;
  color: #a0c53a;
  font-size: 1rem;
  text-decoration: none;
}

#block-menu-menu-footer-custom ul li:first-child a:after {
  content: ":";
}*/

/*#block-block-4 {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.8125rem;
  color: #ccc;
}*/

/*#block-block-4 strong {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0.875rem;
  margin-right: 10px;
  color: #fff;
}*/

/*#block-preset-seo-counters {
  padding-top: 10px;
  padding-bottom: 10px;
  
}*//*
a.button {
  border-radius: 25px;
  background: #f8f8f8;
  border: 1px solid #9d9d9d;
  padding: 3px 10px;
  color: #8eac2a;
  margin: 0 5px;
  text-decoration: none;
}

a.button:hover {
  background: #eaeef1
}*/

/*div.media-element-container, div.media-element-container div.file {
  display: inline;
}
*/
/*h1#page-title {
  margin-bottom: 10px;
}
*/
/*.content-block {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.entity-paragraphs-item.blue,
.entity-paragraphs-item.green,
.entity-paragraphs-item.gray,
.entity-paragraphs-item.darkblue,
.entity-paragraphs-item.darkgray {
  padding-top: 30px;
  padding-bottom: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
}*/

/*a.inherit {
  color: inherit;
  text-decoration: inherit;
}

a.inherit:hover {
  text-decoration: underline;
}*/

.tag-cloud .title {
  color: #a0c53a;
  font-size: 1.75rem;
  left: 50%;
  margin-left: -250px;
  position: absolute;
  top: 30px;
  text-align: center;
  width: 500px;
  opacity: 0;
  transition: all 0.5s;
}

.tag-cloud .more {
  bottom: 25px;
}

.tag-cloud {
  border: 2px solid #fff;
}

.tag-cloud.sorted {
  background: #f3f3f3;
  border: 2px solid #a0c53a;
}

.tag-cloud .title a {
  color: #3d3d3d;
}

.tag-cloud svg g text:hover {
  color: #4a97d1 !important;
  fill: #4a97d1 !important;
  margin-bottom: 1px;
  cursor: pointer;
}

.tag-cloud.sorted text.more-link {
  font-family: 'Roboto', sans-serif !important;  
  font-size: 1rem !important;
  color: #4a97d1 !important;
  text-decoration: underline !important;
}

/*
.tag-cloud .more-services {
  position: absolute;
  bottom: 103px;
  left: 50%;
  margin-left: -150px;
  transition: all 0.5s;
  width: 300px; 
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
}

.tag-cloud .more-services:hover {
  text-decoration: underline;
}*/

.pop-block .teaser {
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.pop-block .heading {
  font-weight: bold;
}

/* https://stackoverflow.com/questions/37902708/google-charts-tooltip-flickering */
svg > g > g:last-child { pointer-events: none }