/* counter less */

/*Counter Css*/

.Counter-wrap {
    width:100%;
    float:left;
    min-height:343px;
    padding:0px 0 0 0;
	margin: 55px 0 0 0;
}
.counter-box:hover {
    .cointer-icon {
        height: 76px;
        width: 76px;
        float: left;
        background: #fff;
        border: 4px solid #71c1f5;
        border-radius: 100%;
        line-height: 68px !important;
        text-align: center;
        font-size: 27px;
        transition:.5s;
        color:#107fc9;
    }
}

#counters .banner-bottom-text2 {
float: left;
height: auto;
line-height: 35px;
color: #fff;
font-size: 28px;
text-align: center;
background: none;
text-transform: uppercase;
padding-top: 65px;
padding-bottom: 60px; 
}
	
#counters .subtitle{
	line-height: 1.3em;
	color: #fff;
	font-size: 28px;
	text-align: center;
	background: none;
	margin-bottom: 0px;
	}
	
#counters p{
	color: #fff;
	font-size: 14px;
	padding-bottom: 25px;
	padding-top: 25px;
	line-height: 1.5em; 
	text-transform:lowercase;
	}		
	
.cointer-icon {
    height: 76px;
    width: 76px;
    float: left;
    color:#fff;
    background: #0970b5;
    border: 4px solid #97d2f9;
    border-radius: 100%;
    line-height: 68px !important;
    text-align: center;
    font-size: 27px;
    transition:.5s;
    position: relative;
    z-index: 3;
}
.counter-style {
line-height: 1.3em;
width: 100%;
color: #fff;
font-size: 60px;
text-align: center;
padding-left: 0px;
}
.counter-lable {
line-height: 1.8em;
width: 100%;
color: #ededed;
font-size: 18px;
text-align: center;
padding-top: 5px;
padding-left: 0px;
}
.border-counter {
    left: 3em;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #e5e5e5;
    height: 100%;
    position: absolute;
    top: 0em;
    z-index: 1;
}
.counter-box {
margin: auto;
display: block;
width: 100%;
min-height: 120px;
padding: 0 25%;
}
.border-counter2 {
    left: 3em;
    height: 1%;
    position: absolute;
    top: 10.3em;
    z-index: 62;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #e5e5e5;
    width: 100%;
}
#third {
background: url(../images/parallax123.jpg) 50% 0 no-repeat;
color: white;
min-height: 350px;
margin: 0 auto;
overflow: hidden;
padding: 0;
padding-bottom: 15px;
background-size: cover;
-webkit-backface-visibility:hidden; 
-moz-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}

.title-img {
    width:100%;
    height:auto;
    float:left;
    text-align:center;
    padding:40px 0 0 0;
}
.title-icon {
    font-size: 38px !important;
    height: 40px !important;
    width: 100% !important;
    color: #646464;
    background: none !important;
    animation: new_icon 1s linear 0s infinite alternate;
    -webkit-animation: new_icon 2s linear 0s infinite alternate;
}

@-webkit-keyframes new_icon {
    0% { -webkit-transform: translate(0px, 5px) ; }
    100% { -webkit-transform: translate(0px, -15px);  }
}

@keyframes new_icon {
    0% { -webkit-transform: translate(0px, 5px) ; }
    100% { -webkit-transform: translate(0px, -15px);  }
}


/*Load Animations*/

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.back-color-holder{ background-color: #107fc9 !important;}