.borderblink {
  border-color: red;
}
@-webkit-keyframes borderblink {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: #000000;
  }
}
@keyframes borderblink {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: #000000;
  }
}
.borderBlink {
  border: 1px solid black;
  /* add 'border-color: transparent' if you wish no border to show initially */
}
.borderBlink:hover {
  -webkit-animation: borderBlink 1s step-end infinite;
  animation: borderBlink 1s step-end infinite;
}
body {
  font-family: Arial;
}
a {
  color: #3f688f;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
a:hover,
a:focus {
  color: #3f688f;
}
.logo img {
  margin: 8px 20px 8px 8px;
  height: 60px;
  width: auto;
}
@media (min-width: 1280px) {
  .logo img {
    margin: 8px 0;
    height: 90px;
    width: auto;
  }
}
header {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  background-color: white;
}
header .mainhead {
  background-color: white;
  border-bottom: 1px solid #8cc843;
}
header a {
  color: #666666;
}
article {
  margin-top: 2rem;
}
#hnav .hmenu {
  display: flex;
  justify-content: space-between;
}
#hnav .hmenu ul li:hover a,
#hnav .hmenu ul li:focus a {
  color: #333;
}
#hnav .hmenu ul li a.uk-open {
  color: #333;
  background-color: #666666;
}
#hnav .hmenu ul li ul.uk-dropdown {
  background: white;
}
#hnav .hmenu ul li ul.uk-dropdown li a {
  color: #333;
}
#hnav .hmenu .lang {
  display: flex;
  flex-direction: column;
}
#hnav .hmenu .lang a,
#hnav .hmenu .lang span {
  text-transform: uppercase;
  font-size: 12px;
  padding: 7px 5px;
  margin: 5px;
}
#hnav .hmenu .lang span {
  border: 1px solid #e5e5e5;
}
#hnav .subm {
  padding: 0;
}
#hnav .subm li a::before {
  content: "🔧 ";
}
@media (min-width: 1280px) {
  #hnav .hmenu .lang {
    flex-direction: row;
  }
}
.navbar {
  display: flex;
  justify-content: space-between;
}
.navbar div.navl,
.navbar div.navr {
  display: flex;
}
.navbar div.navl p {
  display: none;
}
.navbar .phone,
.navbar .act {
  display: none;
}
.navbar .phonebtn {
  margin-right: 1rem;
}
.navbar .phonebtn,
.navbar .menubtn,
.navbar .menux {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.navbar .phonebtn a,
.navbar .menubtn a,
.navbar .menux a {
  background-color: #dfdfdf;
  color: #666;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.navbar .act button {
  padding: 0 15px;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #ffb911;
  width: 180px;
  height: 30px;
}
.navbar .act button:first-child {
  background-color: #ffb911;
  color: white;
}
@media (min-width: 1280px) {
  .navbar div.navl p {
    display: inline-block;
    margin-left: 2rem;
    line-height: 1.4;
  }
  .navbar div.act {
    display: flex;
  }
  .navbar div.act button {
    margin-left: 1rem;
  }
  .navbar div.phone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }
  .navbar div.phone ul {
    list-style: none;
    display: flex;
    margin-bottom: 0.5rem;
    padding-left: 0;
  }
  .navbar div.phone ul li {
    padding-left: 1rem;
  }
  .navbar div.phone ul li a {
    color: inherit;
    font-size: 1.4rem;
    color: #666666;
  }
  .navbar .phonebtn,
  .navbar .menubtn {
    display: none;
  }
}
header {
  position: relative;
  z-index: 100;
}
header nav {
  display: none;
}
header nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
header nav ul li a {
  display: inline-block;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
}
header nav ul li a:hover,
header nav ul li a:focus {
  text-decoration: none;
}
.badw {
  margin-bottom: 60px;
  padding: 55px 20px;
  border: 4px solid #ebebeb;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
.badw button {
  background-color: #ffb911;
  color: #fff;
}
article {
  background-color: white;
}
article h1 {
  margin-bottom: 2rem !important;
}
article figure img {
  border-radius: 3px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
article figure:after {
  clear: both;
}
article ol li,
article ul li {
  margin-bottom: 10px;
}
article ol ol,
article ul ol,
article ol ul,
article ul ul {
  margin-top: 10px;
}
article .ahero {
  background-color: #f5f9fb;
  margin-bottom: 4rem;
}
article .ahero h2,
article .ahero h3,
article .ahero h4,
article .ahero ul,
article .ahero ol,
article .ahero p {
  padding-left: 0;
}
article .ahero ul {
  list-style: none;
}
article .ahero ul li {
  margin-bottom: 1rem;
  padding-left: 3rem;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB4AAAAeABBeqfSQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGnSURBVEiJ7dK9SiNRGMbx/zkzQqz8YlkVIRE0Omy11WohfjXegBaC1osIo/EGrGXJmLgLW2kjIgEbBe10QNAbUNRkiy2M6wdegc45FjoS3biThLFZ8pTveeF3nsOBaqr5L+JYTsti++LHwpkMHel2YtLjUJh6f6lrqfVdIMdyWqQSO0AUQYOSqtE/E6Eh3U5MKlwgClxoIYZmzmbOQoWCkFCgUhAAMwRkz0cMqQanT+eyxXYrblSAxIIQePXrUl3JsVRncjwI+fFpoVkqtp+QGyn1yL8QKGiUjif7NGIXEGg9aecSa28h93c1u4Cl4VoYctg+sY+CLvfcqDnbdgB6HTAQYjXVmfz6ejndkW7z7mr2AQvIm1L1lYK8aASQIWP8iedXgAlAo/WUnUv89BGkt6ehA8hjyEH7xM6VgvwF+dhlPL+sYdLHPMGWiXArRYpCAPMD82bjRd2ahlHAA855/MJXntLDiV+J43IQAKPY0P3tqi+3vRu1TZEY8Bmo57FJ/2x29rRc5E0IwMXVPbe9m5GmSFTAh0qeq6xkyBjfrW/RdwOqCcoDtOKksEJUXGMAAAAASUVORK5CYII=) no-repeat left top;
}
article .ahero figure {
  margin: 0;
}
article .ahero figure img {
  border-radius: 0;
  box-shadow: none;
}
@media (min-width: 1280px) {
  article p,
  article h1,
  article h2,
  article h3,
  article h4 {
    padding-left: 4rem;
    margin-top: 1rem;
  }
  article p {
    max-width: 750px;
  }
  article ul,
  article ol {
    padding-left: 6rem;
    max-width: 750px;
  }
  article ul ul,
  article ol ul,
  article ul ol,
  article ol ol {
    padding-left: 2rem;
  }
  article figure.img-r {
    margin-left: 2rem;
    float: right;
  }
}
@media (min-width: 1280px) {
  header nav {
    display: block;
  }
  header nav ul {
    flex-direction: row;
  }
  header nav ul li a {
    padding: 10px 15px;
  }
  header nav ul li:hover,
  header nav ul li:focus {
    background-color: #666666;
  }
  article {
    margin-top: 3rem;
  }
}
#callbox {
  padding: 1rem 0;
}
#callbox a,
#callbox button {
  font-size: 1.5rem;
  margin-bottom: .5rem;
  padding: 10px;
  display: block;
  border: 0.05rem solid #3f688f;
  border-radius: .3rem;
  color: #333;
  background-color: white;
  text-decoration: none;
  text-align: center;
}
#callbox a svg,
#callbox button svg {
  margin-right: .5rem;
}
#callbox a:hover,
#callbox a:focus {
  text-decoration: none;
  background-color: #1f7888;
  color: #fff;
}
#callbox .callbbut {
  background-color: #ffb911;
  color: #fff;
}
.hherobg {
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: -3rem;
}
.hhero {
  margin: 5rem 0 !important;
  color: white;
}
.hhero h1 {
  color: white;
}
footer {
  background: #f0f0f0;
  border-top: 1px solid #cacaca;
}
.lstcall {
  margin: 3rem 0;
}
.footer {
  padding: 3rem;
}
div#callback h4,
div#callback p {
  text-align: center;
}
div#callback #callb_req {
  text-align: center;
}
div#callback #callb_req input {
  text-align: center;
  font-size: 1.7rem;
}
div#callback #callb_req button {
  margin-top: 1rem;
}
p#success {
  background: #edfbf6;
  color: #32d296;
  padding: 20px;
}
.editbtn {
  right: 0;
  top: 200px;
  margin: 0 auto;
  position: fixed;
  z-index: 1000;
  padding: 25px;
  border-right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px 0 0 15px;
  width: 80px;
}
.editbtn a {
  background-color: blue;
  padding: 5px 20px;
  color: white;
}
.ls-primal {
  list-style: none;
}
.ls-primal li {
  position: relative;
  padding-left: 30px;
}
.ls-primal li::before {
  content: '';
  position: absolute;
  top: 0.6em;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ffb911;
}
.ls-primal2 {
  list-style: none;
}
.ls-primal2 li {
  position: relative;
  padding-left: 30px;
}
.ls-primal2 li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle, #ffffff, #ffb911 4px);
}
.ls-second {
  list-style: none;
}
.ls-second li {
  margin-bottom: 1rem;
  padding-left: 3rem;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB4AAAAeABBeqfSQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGnSURBVEiJ7dK9SiNRGMbx/zkzQqz8YlkVIRE0Omy11WohfjXegBaC1osIo/EGrGXJmLgLW2kjIgEbBe10QNAbUNRkiy2M6wdegc45FjoS3biThLFZ8pTveeF3nsOBaqr5L+JYTsti++LHwpkMHel2YtLjUJh6f6lrqfVdIMdyWqQSO0AUQYOSqtE/E6Eh3U5MKlwgClxoIYZmzmbOQoWCkFCgUhAAMwRkz0cMqQanT+eyxXYrblSAxIIQePXrUl3JsVRncjwI+fFpoVkqtp+QGyn1yL8QKGiUjif7NGIXEGg9aecSa28h93c1u4Cl4VoYctg+sY+CLvfcqDnbdgB6HTAQYjXVmfz6ejndkW7z7mr2AQvIm1L1lYK8aASQIWP8iedXgAlAo/WUnUv89BGkt6ehA8hjyEH7xM6VgvwF+dhlPL+sYdLHPMGWiXArRYpCAPMD82bjRd2ahlHAA855/MJXntLDiV+J43IQAKPY0P3tqi+3vRu1TZEY8Bmo57FJ/2x29rRc5E0IwMXVPbe9m5GmSFTAh0qeq6xkyBjfrW/RdwOqCcoDtOKksEJUXGMAAAAASUVORK5CYII=) no-repeat left top;
}