#fh5co-counters {

    background: #fff;

    overflow: hidden;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    width: 100%;

    padding: 0em 0 3em 0

}



@media screen and (max-width:768px) {

    #fh5co-counters {

        padding: 4em 0

    }

    .mg0 {

        margin-bottom: 37px!important;

    }

}



#fh5co-counters .fh5co-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 2;



}



#fh5co-counters:after,

#fh5co-counters:before {

    position: absolute;

    transform: rotate(-1.7deg);

    -ms-transform: rotate(-1.7deg);

    -webkit-transform: rotate(-1.7deg);

    -o-transform: rotate(-1.7deg);

    -moz-transform: rotate(-1.7deg);

    background-color: transparent;

    content: "";

    z-index: 3;

    display: inline-block;

    height: 70px;

    padding: 0;

    width: 101%

}



#fh5co-counters:before {

    top: 0;

    margin-top: -35px

}



#fh5co-counters:after {

    bottom: 0;

    margin-bottom: -35px

}



#fh5co-counters .section-heading {

    position: relative;

    z-index: 3;

    margin-bottom: 0

}



#fh5co-counters .section-heading h2 {

    color: #fff

}



#fh5co-counters .section-heading h2:after {

    background: rgba(255, 255, 255, .3)!important

}



#fh5co-counters .section-heading .subtext h3 {

    color: rgba(255, 255, 255, .7)!important

}



#fh5co-counters .fh5co-counter {

    position: relative;

    z-index: 3;

    text-align: center

}



@media screen and (max-width:992px) {

    #fh5co-counters .fh5co-counter {

        float: left;

        width: 100%

    }

}



#fh5co-counters .fh5co-counter .fh5co-counter-icon,

#fh5co-counters .fh5co-counter .fh5co-counter-label,

#fh5co-counters .fh5co-counter .fh5co-counter-number {

    display: block

}



#fh5co-counters .fh5co-counter .fh5co-counter-icon {

    font-size: 40px;

    color: #52d3aa

}



#fh5co-counters .fh5co-counter .fh5co-counter-number {

    font-size: 25px;

    color: #e9e9e9;

    font-weight: 300;

    margin: 36px auto 10px

}



#fh5co-counters .fh5co-counter .fh5co-counter-label {

    color: #eeeded;

    font-size: 18px;

    font-weight: 400;

    line-height: 30px;

    width: 80%;

    display: block;

    margin: 0 auto;

    text-align: center

}



#fh5co-counters .row {

    flex-direction: row;

    justify-content: center;

    align-items: center;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex

}



#fh5co-counters .row .bg_out {

    flex: 1;

    margin-right: 28px;


}



#fh5co-counters .row .bg {

    padding: 0;

    width: 100%

}



#fh5co-counters .row .bg_out:nth-child(1) .bg {

    height: 418px;

    background: url(../images/row01.jpg) center center no-repeat;

    background-size: 100% auto

}



#fh5co-counters .row .bg_out:nth-child(2) .bg {

    height: 418px;

    background: url(../images/row02.jpg) center center no-repeat;

    background-size: 100% auto

}



#fh5co-counters .row .bg_out:nth-child(3) .bg {

    height: 418px;

    background: url(../images/row03.jpg) center center no-repeat;

    background-size: cover

}



#fh5co-counters .row .bg_out:nth-child(4) .bg {

    height: 418px;

    background: url(../images/row04.jpg) center center no-repeat;

    background-size: cover;

    margin-right: 0

}



#fh5co-counters .row .bg .bg_in {

    display: flex;

    height: 418px;



    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center

}



#fh5co-counters .row .bg a {

    font-size: 15px;

    text-align: center;

    color: #000;

    background: #fff;

    display: inline-block;

    border-radius: 20px;

    padding: 5px 25px;

    text-decoration: none;

    margin-top: 18px;

    display: none

}



#fh5co-counters .row .bg_out:hover {

    height: 420px;

    padding: 0

}



#fh5co-counters .row .bg_out:hover .bg_in {


	background:#1D3F58;

    margin: 0;

    height: 420px

}



#fh5co-counters .row .bg_out:hover .bg {

    height: 420px;

    background-size: center 420px

}



#fh5co-counters .row .bg_out:hover a {

    display: block;

    width: 120px;

    margin: 20px auto 0

}









#fh5co-counters .row .bg.active a {

    display: block;

    width: 120px;

    margin: 20px auto 0

}



#fh5co-counters .row .bg.active .ude_icon_s {

    width: 120px;

    height: 120px

}



.fh5co-counter .ude_icon_s {

    width: 110px;

    height: 110px;

    display: inline-block;

    vertical-align: middle

}