.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
  text-transform: none !important;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
  margin-left: 20px !important;
}
.dropup, .dropdown {
  line-height: 3em;
  color: #fff;
}
.off-canvas-toggle + .container .navbar-header .logo {
  border-left: 0;
  height: 55px;
}

/* keyVisual*/

@media (max-width: 767px) {
  
  
  #keyvisual {
    background-image: url("https://auditbus.com/images/headers/chameleon_64.png");
    height: 180px;
    margin: 20px 0 0;
  }
  #keyvisual .title {
   font-weight: 600;
  } 
  #keyvisual .a_head {
    line-height: 2;
    top:95px;
  }
  #keyvisual .a_head div {
   font-size: 30px;
   margin-left: 3rem;
  }
  #keyvisual .message {
    font-weight: 600;
    left: 116px;
  }
  #keyvisual .square {
    top:38px;
    left:192px;
    padding: 15px;
  }
  #keyvisual .description {
    line-height: 1.2;
    font-size: 0.9em;
    position: absolute;
    top: -36px;
    right: 0;
  }
}

@media (min-width: 768px) {

  #keyvisual {
    background-image: url("https://auditbus.com/images/headers/chameleon_113.png");
    height: 350px;
  }
  #keyvisual .title {
   font-weight: 900;
   padding-left: 2.5rem;
  }
  #keyvisual .a_head {
    line-height: 1.5;
    top:240px;
  }
  #keyvisual .a_head div {
   font-size: 40px;
   margin-left: 5rem;
  }
  #keyvisual .message {
    font-weight: 900;
    left: 380px;
  }
  #keyvisual .square {
    top:77px;
    left:420px;
    padding: 20px;
  }
  #keyvisual .description {
    position: absolute;
    top: -24px;
    right: 0;
  }
}

#keyvisual {
   position: relative;
   background-color: rgb(246,246,246);
   background-repeat: no-repeat;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}
        
#keyvisual .a_head {
  color: #333;
  font-family: "Ubuntu";
  font-weight: 100;
  
  text-transform: lowercase;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

#keyvisual .message {
  color: #333;
  display: block;
  
  overflow: hidden;
  position: absolute;
  top: 0.2rem;
  animation-name: openclose;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

#keyvisual .message a {
  color: inherit;
}

#keyvisual .description {
  text-align: right;
  padding: 0 2rem;
}
          
#keyvisual .title {
  color: #afd04b;
}
          
#keyvisual .a_buttn {
  padding:0 1em 0 1em;
  background:#eee; 
  border: 1px solid #ddd; 
  border-radius: 0.5em;
}
          
          @keyframes openclose {
              
            
            0% {
              top: 0.2rem;
              color: #ea0e89;
              width: 0;
            }
            5% {
              top: 0.2rem;
              
            }
            15% {
              width: 280px;
            }
            30% {
              top: 0.2rem;
              width: 280px;
            }
            33% {
              top: 0.2rem;
              width: 0;
            }
            35% {
              top: 0.2rem;
              width: 0;
            }
            38% {
              top: -6rem;
              color: #f28133;

            }
            48% {
              top: -6rem;
              width: 280px;
            }
            62% {
              top: -6rem;
              width: 280px;
            }
            66% {
              top: -6rem;
              width: 0;
            }
            71% {
              top: -12rem;
              color: #57c3cd;
              width: 0;
            }
            86% {
              top: -12rem;
              width: 320px;
            }
            95% {
              top: -12rem;
              width: 320px;
            }
            98% {
              top: -12rem;
              width: 0;
            }
            100% {
              top: 0;
              width: 0;
              color: #afd04b;
            }
          }
          
          
          
#keyvisual .square {
  position: absolute;
  border-radius: 50%;
  background: #afd04b;
  animation-duration: 9s;
  animation-name: blink;
  animation-timing-function: ease;
  animation-iteration-count: infinite;       
  width: 15px;
  height: 11px;
}

    @keyframes blink {
    
        0% {
            transform: scaleY(0.8);
          }
        5% {
          }
        15% {
          }
        30% {
          }
        33% {
          }
        35% {
          }
        38% {
          }
        48% {
          }
        62% {
          }
        66% {
          }
        71% {
          }
        86% {
          }
        95% {
            transform: scaleY(0.8);
          }
        98% {
              background: #57c3cd;
            transform: scaleY(1);
          }
        100% {
              background: #f28133;
            transform: scaleY(0.1);
          }
    }

div.head-search > div.search > form:before {
  color: #fff;
  content: "\f002";
  font-family: FontAwesome;
  padding: 0 0.2em;
  
}

.modal-content{
  padding: 1em;
}