/* Sweep To Right */
.hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;  border-radius:50px; overflow:hidden
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2b3382;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;  
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

 
.hvr-sweep-to-right2:before { background:#f3002e; color:#fff}
 
 
 
 
 
 
 
 
.hover-style2 {cursor:pointer}

.hover-style2 .img-holder img {
transition: all 3500ms ease;
width:auto; 
}
.hover-style2 .img-holder {
position: relative;
display: block;
overflow: hidden;
}
.hover-style2 .img-holder:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
opacity:0.2;
transition: .5s;
transform: perspective(100px) scaleY(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
z-index: 1;
}

.products-box h2 {margin-right:0; transition:0.3s;}
.products-box:hover h2 {margin-right:0; transition:0.3s;    border-left: solid 10px #fa4729;}


.hover-style2:hover .img-holder:before {
opacity: 0.50;
transform: perspective(400px) scaleY(1.0);
}
.hover-style2:hover .img-holder img {
transform: scale(1.1) rotate(3deg);
}
 
 
 
 
 
 
 
 
 
 
 
 
/* Sweep To Right */
.hover-style1 {cursor:pointer}
 

.hover-style1 img {
  transition: transform .5s ease;
}
.hover-style1:hover  img {
  transform: scale(1.05);
}


.hover-style1 .btn:hover .btn {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;  border-radius:50px; overflow:hidden
}



 
.hover-style2.btn:hover::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2b3382;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;  
}

.hover-style2:hover .btn::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}


.hover-style2.btn:hover::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2b3382;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;  
}

.hover-style2:hover .btn::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

 
 
 
 
 
 
 
 .hover-style2:hover .arrow-css button { color:#fff}
  
 .hover-style2 .arrow-css button:hover::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2b3382;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;  
}

.hover-style2:hover .arrow-css button::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}


.hover-style2.arrow-css button:hover::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2b3382;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; 
}

.hover-style2:hover .arrow-css button::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.hvr-sweep-to-right2:before { background:#f3002e; color:#fff}
 
 
 
 
 
 
 
 
 
 
 /* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2b3382;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color:#fff;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
 
 
 
 
 
 
 
 
 
  
.overlay-html {cursor:pointer}

.overlay-html .img-holder img {
width: 100%;
transition: all 3500ms ease; 
}
.overlay-html .img-holder {
position: relative;
display: block;
overflow: hidden;
}
.overlay-html .img-holder:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background:#2b3382;
opacity: 1.0;
transition: .5s;
transform: perspective(400px) scaleY(0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
z-index: 1;
}

.overlay-html:hover .img-holder:before {
opacity: 0.50;
transform: perspective(400px) scaleY(1.0);
}
.overlay-html:hover .img-holder img {
transform: scale(1.3) rotate(3deg);
}
 
 
 
 
 
 
.overlay-css {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color:rgba(43,51,130, 0.5); color:#fff; z-index:999
}

.overlay-html:hover .overlay-css {
opacity: 1;
}

.text-div { padding-bottom:30px; padding:0 15px 30px 15px}
.text-div p { font-size:15px;}