.why_box:before {
  content: "";
  position: absolute;
  height: 260px;
  width: 50px;
  background : #fff;
  right: -40px;
  top: -40px;
  transform: rotate(37deg);
  transition: all .5s;
  opacity: 0.3;
}

.why_box:hover:before {
  right: 125%;
}

.why_box{
display:flex;
align-items:center;
background-color:black;
overflow:hidden;
transition:linear .3s, background-image 2s;
position:relative;
overflow:hidden;

}

.why_box:hover{
background-color:black;
}

.red_box{
background-color:#ED1C24;
}

.red_box:hover{
background-color:#AC1C24;
}

.why_content{
padding: 30px 20px 30px 25px;
transition:linear .3s;
min-height:110px;
}

.why_icon{
min-width:65px;
transition:linear .3s;
padding-left:5%;

}

.why_box:hover .why_icon{
transform:scale(1.1);
}

.why_box h2{
font-size:1.2rem;
margin:0;
color:#fff;
transition:linear .3s;
font-weight:600;
	font-family: 'Barlow', sans-serif;
}

.why_box p{
font-size:0.9rem;
margin:5px 0 0 0;
color:#fff;

}


.font2{
font-size:2.0rem;
line-height:2.8rem;
font-weight:600;
margin:0;
color:#000;
margin-bottom:15px;
	
}


.font2::after{
content: '';
width: 25px;
background: #000;
height: 1px;
margin-left: 10px;
display: inline-block;
margin-top: -12px;
margin-right: 0;
}



.font1{
font-size:1.0rem;
line-height:1.8rem;
margin:0;
color:#555;
margin-top:4%;
	
}

.font5{
font-size:1.0rem;
line-height:1.8rem;
margin:0;
color:#555;
margin-top:-1%;
	
}

.font3{
font-size:2.0rem;
line-height:2.0rem;
margin:0;
color:#555;
margin-top:4%;

}



.service_box{
position:relative;
overflow:hidden;
height: 220px;
}


.service_box h2{
position: absolute;
bottom: 6%;
padding-left: 28px;
z-index:2;
transition:linear .3s;
}

.service_box:hover h2{
bottom:30%;
}

.service_box h2 a{
color: #fff;
}

.service_box:hover h2 a{
color:#ED1C24;
text-decoration:none;
}

.service_box img{
transition:linear .3s;
object-position:center;
}

.service_box:hover img{
transform:scale(1.1);
filter: brightness(0.5);
}

.big_box{
	min-width:16%;
}

.margin_01{
	margin-top:0;
}


figure.snip1171 {
  font-family: 'Barlow', sans-serif;
  position: relative;
  overflow: hidden;
  margin: 0px;
 
  width: 100%;
  background: #fff;
  color: #333;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1171 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
figure.snip1171 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1171 figcaption {
    position: relative;
    background-color: rgba(0, 0, 0, 0.66);
    padding: 2px 25px 2px;
    color: white;
	margin-top: -15%;
}


figure.snip1171 figcaption :hover{
  position: relative;
    background-color: #ED1C24;
    padding:0 5px;
    color: white;
	text-decoration: none;
	
}



figure.snip1171.blue {
  background-color: #2472a4;
}
figure.snip1171.blue h3,
figure.snip1171.blue a,
figure.snip1171.blue .price {
  background-color: #2472a4;
}
figure.snip1171.blue .price:before {
  border-color: transparent #2472a4 transparent;
}
figure.snip1171.blue h3:before {
  border-color: transparent transparent transparent #2472a4;
}
figure.snip1171.blue a:before {
  border-color: transparent transparent #2472a4;
}
figure.snip1171.red {
  background-color: #ab3326;
}
figure.snip1171.red h3,
figure.snip1171.red a,
figure.snip1171.red .price {
  background-color: #ab3326;
}
figure.snip1171.red .price:before {
  border-color: transparent #ab3326 transparent;
}
figure.snip1171.red h3:before {
  border-color: transparent transparent transparent #ab3326;
}
figure.snip1171.red a:before {
  border-color: transparent transparent #ab3326;
}
figure.snip1171.orange {
  background-color: #d67118;
}
figure.snip1171.orange h3,
figure.snip1171.orange a,
figure.snip1171.orange .price {
  background-color: #d67118;
}
figure.snip1171.orange .price:before {
  border-color: transparent #d67118 transparent;
}
figure.snip1171.orange h3:before {
  border-color: transparent transparent transparent #d67118;
}
figure.snip1171.orange a:before {
  border-color: transparent transparent #d67118;
}
figure.snip1171:hover img,
figure.snip1171.hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.example_f {
   border-radius: 4px;
   background-color: #ED1C24 !important;
   border: none;
   color: #FFFFFF;
   text-align: center;
   text-transform: uppercase;
   font-size: 16px;
   padding:10px 20px;
   width: 200px;
   transition: all 0.4s;
   cursor: pointer;<em></em>
   margin: 5px;
 }
 .example_f span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.4s;
  color: white !important;
}
 .example_f span:after {
   content: '\00bb';
   position: absolute;
   opacity: 0;
   top: 0;
   right: -20px;
   transition: 0.5s;
 }
 .example_f:hover span {
   padding-right: 25px;
	 color: #FFFFFF;
 }
 .example_f:hover span:after {
   opacity: 1;
   right: 0;
	 color: #FFFFFF;
 }