.tricker {

  height: 50px;

  overflow: hidden;

  margin: 100px auto 20px;

}

.tricker h2 {

  color: #000fff;

  margin: 0;

  height: 50px;

  line-height: 50px;

  font-size: 40px;

  text-align: center;

  text-transform: uppercase;

  transition: margin-top .3s ease;

}

.subline {

  width: 100px;

  height: 2px;

  margin: 10px auto;

  background-color: #000000;

}

p {

  text-align: center;

  line-height: 26px;

  color: #000000;

  font-size: 18px;

}



/*Counter*/

.counter{

    margin-top: 40px;

}



.time_circles {

    position: relative;

    width: 100%;

    height: 100%;

}





.time_circles > div {

    position: absolute;

    text-align: center;

}





.time_circles > div > h4 {

    margin: 0px;

    padding: 0px;

    text-align: center;

    text-transform: uppercase;

    font-family: 'Lato-Regular', Arial;

    color: #000;

    font-weight: normal!important;

}



.time_circles > div > span {

    display: block;

    width: 100%;

    text-align: center;

    font-family: 'Lato-Bold', Arial;

    margin: 0.25em 0 0.5em 0; 

    font-weight: bold;

    color: #000;

    font-size: 40px;



}