body {
	font-family: Arial, Helvetica, sans-serif;
   overflow-x: hidden;
  overflow-y: scroll;
  

}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.mainhead {

    
       background:no-repeat;
      background-size:100% 100%;
  }
		

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 687px) {
/* Styles */        

                  
.scrollDown {
              display: none;
              visibility: hidden;
}


.HideOnMobile {

            display: none;
            visibility: hidden;
}

  

   #gif {

      visibility: hidden;
      display: none;
   }

   #googleMaps {

         display: none;
         visibility: hidden;
}


      


		
}


  
  html, body {
       /*background-image: url("images/bg.png"); */
       background-color: #F8F8FF;
  
       background-size: cover;
       background-repeat: no-repeat;
       background-attachment: fixed;
       margin: 0;
       height: 100%;
     }   


    
.btntxt{

            background-color: #343A40;
      transition: all .5s ease-in-out;
      color: white;
      border-radius: 20px;

}
.btntxt:hover {

         border: solid 1px black;
         background-color: white;
         color:black;
}

.txt2:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #5793ef;
    transition: all 0.5s ease 0s;
}


 .topbar {


 	  border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px #888888;
 }

.ConditionInfo {

             transition: all .2s ease-in-out;

             border-radius: 20px;

}


.ConditionInfo:hover { transform: scale(1.1); }



.brandImg {

	height: 100px; 
	width: 100px;
}



.BootSlider{

	border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px #888888;
}



.Deskbar {
        
        box-shadow: 5px 10px 18px #888888;
        position: sticky;


}

.shadow {
        
        box-shadow: 5px 10px 18px #888888;
        
        


}

.ScaleCard {

          transition: all .5s ease-in-out;
          box-shadow: 5px 10px 18px #888888;
}







.invisible {
  transition: opacity 0.5s ease;
  opacity: 0.0;
}

.visible {
  transition: opacity 0.5s ease;
  opacity: 1.0;
}

.footer {

       width: 100%;
       height: 400px;
       background-color: #343A40;
       position: relative;



}

 #bottom {
   position: absolute;
   bottom: 0px;
   left:45%;

   

 }


 .sticker {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}


.nav-item {

  transition: all .5s ease-in-out;
    padding: 0px 0px;


}



.NavImg {

     height: 50px;
     width: 50px;
}

.BtnCus {

      background-color: #343A40;
      transition: all .5s ease-in-out;
      
}

.BtnCus:hover {


 box-shadow: 5px 10px 18px #888888;
 
         
}

#googleMaps {

        height: 300px;
        width: 100%;
        
      

}

#FooterTxt {


}
.divider{
    width:5px;
    height:auto;
    display:inline-block;
}

.HideOnMobile {

            
            visibility: visible;
}


   // svgarrow


   .arrows {
  width: 60px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}

.arrows path {
  stroke: #2994D1;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}


  .HeroSection {
  width:100%;
  height:500px;
  background: url('../images/heroBack.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
  margin-top: 73px;
}

.HeroSection h5 {
  color:white;
  text-shadow:2px 2px #333;
}

#success {

       height: 100px;
       width: 100px;
}