.navbar-brand img{ max-height: 55px; transition-duration: 0.5s; }
.bg-primary-cosmo {
  background-color: #93c572 !important;
}
.counter-box {background-color: #93c572;}
.primary-overlay-cosmo[data-overlay-dark]:before {
  background: #93c572; }
.top-bar-info li i {color: #4166f5;}
.text-cosmoblau {color: #4166f5;}
.text-cosmogruen {color: #93c572;}
.top-social-icon li a {color: #4166f5;}
.top-bar {background: #93c572;}
.service-block .service-detail:hover:before {
    background: #4166f5;
    content: "";
    height: 140%;
    width: 153%;
    position: absolute;
    left: -102px;
    top: -43px;
    display: inline-block;
    border-radius: 100%;
    z-index: -1; }
    .service-block .service-icon i {
      background-color: #4166f5;
      border-radius: 100%;
      width: 60px;
      height: 60px;
      z-index: 2;
      font-size: 26px;
      line-height: 60px;
      margin: 0;
      display: inline-block;
      color: #fff; }
.linkactive {
  color: #4166f5;
}
.navbar-nav {margin-right:550px;}
.navbar-nav li.active > a {
  color: #4166f5; }
.navbar-nav > li > a {
  font-size: 18px; }

.navbar > ul > li.has-sub > a:after {
  top: 30px; }

.navbar-nav li.current > a {
  color: #4166f5; }
.text_with_1px_border
{
    text-shadow:
        -1px -1px 0px #454444,
         0px -1px 0px #454444,
         1px -1px 0px #454444,
        -1px  0px 0px #454444,
         1px  0px 0px #454444,
        -1px  1px 0px #454444,
         0px  1px 0px #454444,
         1px  1px 0px #454444;
}

.text_with_2px_border
{
    text-shadow:
        /* first layer at 1px */
        -1px -1px 0px #454444,
         0px -1px 0px #454444,
         1px -1px 0px #454444,
        -1px  0px 0px #454444,
         1px  0px 0px #454444,
        -1px  1px 0px #454444,
         0px  1px 0px #454444,
         1px  1px 0px #454444,
        /* second layer at 2px */
        -2px -2px 0px #454444,
        -1px -2px 0px #454444,
         0px -2px 0px #454444,
         1px -2px 0px #454444,
         2px -2px 0px #454444,
         2px -1px 0px #454444,
         2px  0px 0px #454444,
         2px  1px 0px #454444,
         2px  2px 0px #454444,
         1px  2px 0px #454444,
         0px  2px 0px #454444,
        -1px  2px 0px #454444,
        -2px  2px 0px #454444,
        -2px  1px 0px #454444,
        -2px  0px 0px #454444,
        -2px -1px 0px #454444;
}
.scroll-to-top {
  font-size: 16px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #93c572;
  border: 1px solid #93c572;
  width: 35px;
  height: 35px;
  line-height: 34px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #fff;
    background: #4166f5;
    border-color: #4166f5; }
    .scroll-to-top:hover i {
      color: #fff; }
  .scroll-to-top:visited {
    color: #fff;
    text-decoration: none; }

@media screen and (max-width: 991px) {
  .navbar-toggler {
    background: #93c572; }

  .navbar-nav > li > a {
    font-size: 17px; }

  .navbar ul ul li a {
    font-size: 17px; }

  .navbar-nav > li {
    margin-left: 0; }

  .attr-nav {
    margin-right: 63px; }

  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -173px; }

  .navbar .cart-list .butn {
    color: #fff;
    background: #4166f5; }
  .navbar ul ul li.active > a {
    color: #93c572; } }