/****** PLACE YOUR CUSTOM STYLES HERE ******/


/*.bg-dark {
	
	background: #e2231a !important;
}*/






/*!---------- 24. IMAGE GALLERIES ----------*/
.instafeed.grid-gallery {
  overflow: hidden;
}
.instafeed.grid-gallery li {
  width: 25%;
  display: inline-block;
  float: left;
  padding: 8px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 1;
}
.instafeed.grid-gallery li:hover {
  opacity: .7;
}
.instafeed.grid-gallery.gapless li {
  padding: 0;
  width: 16.66667%;
}
.instafeed.grid-gallery.gapless li img {
  width: 100%;
}
.instafeed li img {
  height: auto;
}
@media all and (max-width: 990px) {
  .instafeed.grid-gallery li {
    width: 33.333333%;
  }




#more {
	width:100px;
}


.shad {box-shadow: 10px 10px 5px #ffffff;}

.red {color:#E2231A !important}


nav.bg-dark .nav-bar {
 /* border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
  /* border-bottom: 3px solid #E2231A !important;*/
   /*border-top::1px solid #e2231a !important;*/
}

.logo{ max-height: 100% !important;
		max-width: none;

 }
.nav-bar{ height: 80px; max-height: 80px; line-height: 77px; }


 




/*Scroll Down Arrow*/

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

.arrows path {
  /*stroke: #2994D1;*/
  stroke: #ffffff;
  fill: transparent;
  stroke-width: 4px;
  animation: arrow 3s infinite;
 /* -webkit-animation: arrow 10s 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 */
}






























/*-----------------ARROW-DOWN--------------------*/
.arrow-down {
  position: absolute;
  bottom: 10;
  left: 50%;
  z-index: 11;
  height: 100px;
  width: 70px;
  margin-left: -35px;
  
  background: url("../img/arrow-down.png") no-repeat 21px 26px;
  background-size: 28px 16px;
  text-indent: -9999px;
  display: block;
  -webkit-animation: moveUpDown 2s infinite normal ease-out;
  animation: moveUpDown 2s infinite normal ease-out;
}
@keyframes moveUpDown {
  0% {
    bottom: 0;
  }

  50% {
    bottom: 20px;
  }

  100% {
    bottom: 0;
  }
}
