.tittle_hr{
    margin: 10px 0px 8px 0px;
}
.sec-title{
    margin-bottom: 45px;
}
h4 {
    font-size: 21px;
    line-height: 26px;
    margin: 27px 0 0;
    margin-bottom: 20px;
}
.rev_video{
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    height: 100vh;
    overflow: hidden;
    /*position: relative;*/
    margin: 0 auto;
    /*margin-top: -75px;*/
}
.u-video-0{
    display: block;
    position: relative;
    width: 1920px;
    height: 1080px;
    left: 50%;
    top: 0;
    margin-left: -960px;
}
.models{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    margin: 0;
    background: -webkit-linear-gradient(rgba(70,70,70,0.5),rgba(255,255,255,0.3),rgba(255,255,255,0),rgba(70,0,0,0));
    display: table
}
.logoTxt{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.logoImg{
    width: 224px;
    height: 48px;
    display: inline-block;
    background: url(../images/resources/logo-white.png) 0 0 no-repeat;
    background-size: cover;
}
.stricky-fixed .logoImg{
    background: url(../images/resources/logo.png) 0 0 no-repeat;
}
.golden .h1s h3{
    color: #fe9000;
}
.golden .mores span{
    background: #ff9d45;
}
.wathet .h1s h3{
    color: #73bedc;
}
.wathet .mores span{
    background: #73bedc;
}
.pink .h1s h3{
    color: #f5aaaa;
}
.pink .mores span{
    background: #f5aaaa;
}
.green .h1s h3{
    color: #70a228;
}
.green .mores span{
    background: #70a228;
}
.goldenZ{background: #fefae5}
.pinkZ{background: #fdf2f2}
.wathetZ{background: #e7f3f5;}
.greenZ{background: #f0fbda;}
.goldenZ:hover{
    box-shadow: 0px 5px 2px #ff9d45;
}
.wathetZ:hover{
    box-shadow: 0px 5px 2px #73bedc;
}
.pinkZ:hover{
    box-shadow: 0px 5px 2px #f5aaaa;
}

.greenZ:hover{
    box-shadow: 0px 5px 2px #70a228;
}
.single-service-item .img-holder{
    padding: 5px;
}
.intelligences{
    padding: 5px 8px;
}
.intelligences .h2s{
    margin-top: 10px;
    color:#999;
}
.intelligences .inners{
    margin-bottom:18px;
    color:#666;
}
.intelligences .mores{text-align: center}
.intelligences .mores span{
    margin: 0 auto;
    display: inline-block;
    padding: 5px 15px;
    color:#fff;
    border-radius: 5px;
}
.smartClass .owl-stage-outer{
    padding-bottom: 30px;
}
.t-cen{
    text-align: center;
}
.t-left{
    text-align: left;
}
.btn_piano,.btn_drum, .btn_china, .btn_blue, .btn_others{
    font-size: 18px;
    display: inline-block;
    width: 145px;
    color: #fff;
    padding: 5px 0;
    border-radius: 5px;
}
.btn_piano, .btn_china{
    margin-right: 10px;
    background: #f0ab46;
}
.btn_drum, .btn_others{
    margin-right: 10px;
    background: #e2505b;
}
.btn_blue{
    margin-right: 10px;
    background: #0CB4CE;
}
.hander_pier{
    cursor: pointer;
}
.bouncesed{
    -webkit-animation: bouncesd 1.5s infinite;
    -moz-animation: bouncesd 1.5s infinite;
    -ms-animation: bouncesd 1.5s infinite;
    -o-animation: bouncesd 1.5s infinite;
    animation: bouncesd 1.5s infinite
}
@-ms-keyframes bouncesd {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform:translateY(0)
    }
    40% {
        -webkit-transform:translateY(-10px)
    }
    60% {
        -webkit-transform:translateY(-5px)
    }
}
@-o-keyframes bouncesd {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform:translateY(0)
    }
    40% {
        -webkit-transform:translateY(-10px)
    }
    60% {
        -webkit-transform:translateY(-5px)
    }
}
@keyframes bouncesd {
    0%, 100%, 20%, 50%, 80% {
        transform:translateY(0)
    }
    40% {
        transform:translateY(-10px)
    }
    60% {
        transform:translateY(-5px)
    }
}@-webkit-keyframes bouncesd {
     0%, 100%, 20%, 50%, 80% {
         -webkit-transform:translateY(0)
     }
     40% {
         -webkit-transform:translateY(-10px)
     }
     60% {
         -webkit-transform:translateY(-5px)
     }
 }
@-moz-keyframes bouncesd {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform:translateY(0)
    }
    40% {
        -webkit-transform:translateY(-10px)
    }
    60% {
        -webkit-transform:translateY(-5px)
    }
}
.testimonial-area{
    background: #fff;
}
.minImg img{
    width: 95%;
    margin: 0 auto;
}
.text-holder a,.text-holder a:hover{
    color:#333;
}
.testimonial-area img{width: 70%;height: auto}
.testimonial-area .row .col-sm-3{margin-bottom: 45px;}
.logoTxt h2{
    color: #fff;
    font-size: 72px;
}
.logoTxt p{
    margin-top: 36px;
    color: #fff;
    font-size: 36px;
}