/*.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}



.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: 'Questrial-Regular';
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(460px, -100px) rotate(180deg);
  -ms-transform: translate(460px, -100px) rotate(180deg);
  transform: translate(460px, -100px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.hovereffect h2 {
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  font-family: 'Questrial-Regular';
}

.hovereffect a.info {
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  font-family: 'Questrial-Regular';
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.hovereffect:hover a.info {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}*/

.hover {
 /*! float:left; */
 position:relative;
 cursor:default;
}
.hover:hover {
	background-color:rgba(0,0,0,0.6);
  border-radius: 10px 10px;
}
.hover .overlay {
 position:absolute;
 top:0;
 left:0
}
.hover img {
 display:block;
 position:relative
}
.ehover10 button,.hover button.info {
 display:inline-block
}
.hover h2 {
 position:relative;
 font-size:17px;
 padding:10px;
 background:rgba(0,0,0,.6)
}
.hover button.info {
 text-decoration:none;
 padding:7px 14px;
 border:1px solid #fff;
 margin:50px 0 0;
 border-radius:0;
 background-color:transparent
}
.hover button.info:hover {
 box-shadow:0 0 5px #fff
}
.ehover5 button.info:hover,.hover button.nullbutton:hover {
 box-shadow:none
}
.hover button.nullbutton {
 border:none;
 padding:0;
 margin:0
}
.ehover4 button.info,.ehover42 button.info {
 margin:-55px 0 0;
 padding:73px 90px;
 font-weight:400;
 border:1px solid #fff
}
.modal-open .modal,button:focus {
 outline:0!important
}
.point {
 cursor:pointer
}
.ehover13 img {
 -webkit-transition:all .35s;
 transition:all .35s
}
.ehover13 .overlay,.ehover13 button {
 -webkit-transition:opacity .35s,-webkit-transform .35s
}
.ehover13:hover img {
 filter:brightness(.6);
 -webkit-filter:brightness(.6);
 
}
.ehover13 .overlay {
 width:80%;
 height:80%;
 left:10%;
 top:10%;
 border-bottom:1px solid #FFF;
 border-top:1px solid #FFF;
 transition:opacity .35s,transform .35s;
 -webkit-transform:scale(0,1);
 transform:scale(0,1);
}
.ehover13:hover .overlay {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.ehover13 button,.ehover13 h2 {
 opacity:0;
 color:#FFF;
 padding:31px 0;
 font-family: 'Questrial-Regular';
 font-weight: 700;
 font-size: 20px;
 line-height: 32px;
 letter-spacing: 1px;
}
.ehover13 button {
 transition:opacity .35s,transform .35s;
 -webkit-transform:translate3d(0,100%,0);
 transform:translate3d(0,100%,0)
}
.ehover13 h2 {
 background-color:transparent;
 -webkit-transition:opacity .35s,-webkit-transform .35s;
 transition:opacity .35s,transform .35s;
 -webkit-transform:translate3d(0,-100%,0);
 transform:translate3d(0,-100%,0)
 font-family: 'Questrial-Regular';
}
.ehover13:hover button,.ehover13:hover h2 {
 opacity:1;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.hover a.info {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 12px;
  padding: 17px;
  background: rgba(1, 81, 152, 0.79);
  font-family: 'Questrial-Regular';
}

.hover a.info{
  box-shadow: 0 0 6px #fff;
  text-decoration:none;
}

.hover a.info:hover{
  box-shadow: 0 0 6px #0018ff;
  text-decoration:none;
}
 

@media only screen and (max-width: 480px) {
.hovereffect h2 {
	font-size: 5px !important;
	padding: 1px !important;
}
.hovereffect a.info {
	padding:1px !important;
	margin: 0px 0 0 0 !important;
	font-size: 10px !important;
}
}