button:focus{
	outline: 0;
}

/*-------Hero Image Carousel Buttons-------*/
#heroImageContainer button{
	z-index: 21;
}
#heroBtnHeader{
	display: none;
}
#btnFixed{
	display: none;
}
#heroImageContainer button.prev{
    left:0px;
}

#heroImageContainer button.next{
    right:0px;
}

#heroImageContainer button.prev:before{
      content: "\f053"; /*Chevron Left*/
}

#heroImageContainer button.next:before{
    content: "\f054"; /*Chevron Right*/
}
/*-----End Hero Image Carousel Buttons-----*/

/*----------Getting Started Button---------*/
.main-container button:not(.close) {
      border-radius: 62px;
      cursor: pointer;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 30px;
      padding-left: 30px;
      text-align: center;
      border: none;
}

.main-container button:not(.close):not(#btnScroll) {
    font-size: 20px;
}

.main-container #btnScroll{
    font-size: 14px;
}

button.close{
    padding-right: 30px;
    padding-left: 30px;
}
  
.main-container button:not(.close):hover,
header #editLogoBtn:hover  {
    box-shadow: 5px 5px 1px rgb(153,153,153);
}

.main-container button:not(.close):active,
header #editLogoBtn:active {
    box-shadow: 3px 3px 1px rgb(102,102,102);
    transform: translateX(2px) translateY(2px);
}
/*----------End Getting Started Button------------*/

/* -----FAQ Question remove CSS of button  ------*/

.bg-grey .qus_ans h4 button {
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
}

.bg-grey .qus_ans h4 button:hover {
  box-shadow: none;
}
/* */


/*-------------About Carousel Buttons-------------*/
#aboutUp,
#aboutDown{
    font-family: 'Fontawesome';
    background-color: transparent;
    font-size: 30px;
    color: #000000;
    text-shadow: 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff;
    -webkit-font-smoothing: antialiased
}

#aboutUp::before{
    content: "\f077"; /*Chevron Up*/
}

#aboutDown::before{
    content: "\f078"; /*Chevron Down*/
}
/*-------------End About Carousel Buttons-----------*/

/*------------------Scrolling Button----------------*/
.get-started-scroll-btn {
      display: none !important;
      border-radius: 6px;
      cursor: pointer;
      padding: 10px;
      text-align: center;
      font-size: 13px;
      position: fixed;
      top: 100px;
      right: 50px;
      z-index: 1000;
}
   
.get-started-scroll-btn:hover span {
      display: block;
      margin: 0 auto;
      opacity: 1;
}  
/*----------------End Scrolling Button------------*/