.slog.animated.zoomIn {
  -webkit-animation-duration: .2s;
  -o-animation-duration: .2s;
  -moz-animation-duration: .2s;
  animation-duration: .2s;
  
  -webkit-animation-delay: .2s;
  -o-animation-delay: .2s;
  -moz-animation-delay: .2s;
  animation-delay: .2s;
}
.lbox.animated.zoomIn {
  -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  -moz-animation-delay: .5s;
  animation-delay: .5s;
}

.lbox2.animated.zoomIn {
    -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: .8s;
  -o-animation-delay: .8s;
  -moz-animation-delay: .8s;
  animation-delay: .8s;
}
.lbox3.animated.zoomIn {
    -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.box.animated.zoomIn {
   -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.box2.animated.zoomIn {
   -webkit-animation-duration: .5s;
  -o-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-delay: 1.8s;
  -o-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}



.bg {
    margin: 30px 0 0;
}

.slog {
    width: 26%;
    background: rgba(8, 20, 20, 0.90);
    color: #b4b9be;
    padding: 10px 20px;
    float: left;
    height: 405px;
    -moz-transition: all 0.3s 0.01s ease;-o-transition: all 0.3s 0.01s ease;-webkit-transition: all 0.3s 0.01s ease;
    }

    .slog:hover {
    background: rgb(8, 20, 20);
    outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;
}


    h2 {
    font-size: 2rem;
    padding:0;
    margin: 10px 0;
        font-weight: bold;
}

.line {
    float: right;
    width: 73.5%;
    color: #b4b9be;
}

.lboxone {
    width: 28%;
    /* background: rgba(33, 135, 105, 0.90); */
    background: rgba(109, 223, 55, 0.9);
    color: #fff;
    padding: 10px 30px 0;
    height: 200px;
    float: left;
    margin: 0 0.5% 0 0;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}

.lboxone:hover {
    background: rgb(109, 223, 55);
    outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;
}

.lboxone a {color:#fff!important;}

.lbox {
    width: 28%;
    background: rgba(32, 178, 170, 0.9);
    color: #fff;
    padding: 10px 30px;
    height: 200px;
    float: left;
    margin: 0 0.5% 0 0;-moz-transition: all 0.3s 0.01s ease;-o-transition: all 0.3s 0.01s ease;-webkit-transition: all 0.3s 0.01s ease;
}

.lbox:hover {
    background: rgb(32, 178, 170);
    outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;
}

.lbox2 {
    width: 28%;
    background: rgba(32, 178, 170, 0.9);
    color: #fff;
    padding: 10px 30px;
    height: 200px;
    float: left;
    margin: 0 0.5% 0 0;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}

.lbox2:hover {
    background: rgb(32, 178, 170);
    outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;
}

.lbox3 {
    width: 43%;
    background: rgba(230, 107, 38, 0.90);
    color: #fff;
    padding: 40px 20px;
    height: 200px;
    float: left;
}

.lbox3 p {font-size: 3rem;margin: 5px 15px 0 0;overflow: hidden;}
.tel {float:left;font-size: 2rem!important;line-height: 70px;}
.teln {float:left;font-size: 3.7rem!important;} 

.lbox3 {font-size: 1.7rem;-moz-transition: all 0.3s 0.01s ease;-o-transition: all 0.3s 0.01s ease;-webkit-transition: all 0.3s 0.01s ease;}
.lbox3:hover { background: rgb(230, 107, 38);     outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;}

.line2 {
    float: right;
    width: 73.5%;
    color: #b4b9be;
    padding: 0.4% 0;
}
.line2 a {color:#fff;}
.line2 a:hover, .line2  a:focus, .line2  a:visited:hover, .line2 a:visited:focus {color:#f3f3f3;}

.line3 {
    width: 100%;
    color: #b4b9be;
    display: inline-block;
}

.line3 .box {
    width: 47.5%;
    color: #b4b9be;
    padding: 10px 20px;
    float: left;
}

.line3 .box2 {
    width: 20.5%;
    color: #fafafa;
    padding: 20px 30px;
    float: left;
    background: rgba(109, 223, 55, 0.9);
    font-size: 2rem;
    line-height: 30px;
    font-weight: bold;
    -moz-transition: all 0.3s 0.01s ease;
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}

.line3 .box2:hover {
    background: rgb(109, 223, 55);
    outline: 1px solid rgba(255, 255, 255, 0.79);
    outline-offset: -10px;
}

.line3 .box p {
  line-height: 11px;
}


@media (max-width:640px) {

.slog {
    width: 100%;
    background: rgba(8, 20, 20, 0.90);
    color: #b4b9be;
    padding: 0 5% 5% 5%;
    float: left;
    height: auto;
}


.line {
    float: right;
    width: 100%;
    color: #b4b9be;
}

.lboxone {
    width: 100%;
   
}

.lbox {
    width: 100%;
    background: rgba(32, 178, 170, 0.9);
    color: #fff;
    padding: 5%;
    height: auto;
    float: left;
    margin: 1% 0;
}

.line2 {
   width: 100%;
    padding: 0;
}

.lbox2 {
    width: 100%;
    background: rgba(32, 178, 170, 0.9);
    color: #fff;
    padding: 5%;
    height: auto;
    margin: 1% 0;
}

.lbox3 {
    width: 100%;
    background: rgba(230, 107, 38, 0.90);
    color: #fff;
    padding: 5%;
    height: auto;
    margin: 1% 0;
}


.line3 .box2 {
    width: 45%;
    color: #fafafa;
    padding: 20px 30px;
    float: left;
    background: rgba(109, 223, 55, 0.9);
    font-size: 2rem;
    line-height: 30px;
    font-weight: bold;
    margin: 1% 0;
}

.line3 .box {
    width: 55%;
    color: #fafafa;
    padding: 10px 10px;
    float: left;
    
    font-size: 2rem;
    line-height: 30px;
    font-weight: bold;
}


}