.gray-bg .big-title-2,.big-title-2.white{
 
 background: url(../images/title-2.png) no-repeat bottom center;
 background-size: 300px;
}
#box-comment .big-title-2{}
#box-comment .big-title-2 h2{color:#fff}
#box-comment .big-title-2{
    background: url(../images/title.png) no-repeat bottom center;
    background-size: 230px !important;
}
.big-title-2{
    background: url(../images/title-2.png) no-repeat bottom center;
    background-size: 230px !important;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 20px;
    color: #333;
    padding-top:25px;
    font-size: 35px;
    font-weight: bold;
    padding-top: 0;
}
.big-title-2 h2{
    font-weight: 700;
    text-transform: uppercase;
    color: #0070C0;
    font-size: 25px;
}

.section-head{
    padding: 50px 0;
}
.section-head h1{
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
}
.section-head .desc{
    color: #fff;
}
.section-head .reg{}
.section-head .reg-now{
    background: #0070C0;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 15%) !important;
}.main-section{
    padding: 25px 0;
}

.section-special{}
.section-special .special-item{
    margin-bottom: 20px;
}
.section-special .special-item .icon{
    background: #0070C0;
    padding: 25px;
    margin-right: 15px;
}
.section-special .special-item .icon span{}
.section-special .special-item .icon span i{
    font-size: 2rem;
    color: #fff;
}
.section-special .special-item .info{}
.section-special .special-item .info h4{
    font-weight: bold;
    color: #0070C0;
    font-size: 21px;
}
.section-special .special-item .info p{}
.shadowm{box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 15%) !important;margin-bottom: 15px !important;margin-top: 10px !important;}
.o-item{margin: 5px;background: #fff;}
.o-item img{}
.o-item h4{
    margin: 10px 0;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #0070C0;
}
.o-item .o-desc{
    font-size: 14px;
}

.section-target{}
.section-program{}
.section-video {}
.section-comment {}

.program-big-title{
    color: #08387f;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 30px;
}
.program-content{}
.program-content .block{margin-bottom: 15px;color: #333;background: #efefef;border: 1px solid #ccc;border-radius: 3px;}
.program-content .block .title{color: #08387f;font-size: 1.2rem;font-weight: bold;padding: 10px 40px 10px 15px;position: relative;cursor: pointer;}
.program-content .block .title span{position: absolute;width: 40px;height: 50px;line-height: 50px;right: 0;top: 0;text-align: center;}
.program-content .block .title span i{  }
.program-content .block .title.active{  }
.program-content .block .title.active ~ .content{  }
.program-content .block .content{border-top: 1px solid #ccccccad;padding: 10px 10px 10px 13px;font-weight: 500;display: none;}
.program-content-info .inner{border-radius: 10px;padding: 40px 20px 20px 20px;box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;}
.program-content-info .inner h5{text-transform: uppercase;font-weight: 700;color: #08387f;}
.program-content-info .inner .zinfo{ }
.program-content-info .inner .zinfo .price{font-weight: bold;color: red;font-size: 1.3rem;letter-spacing: 1.4px;}
.program-content-info .inner .zinfo .note-price{margin-bottom: 15px;}
.program-content-info .inner .zinfo .reg-now{width: 100%;background: #08387f;padding: 10px 10px;border: 0;color: #fff;font-weight: 500;text-transform: uppercase;border-radius: 5px;}
.program-content-info .inner .zinfo .schedule{margin-top: 20px;}

.inner-view.min-view{max-height: 300px;overflow: hidden;position: relative;}
.inner-view.min-view .view-more{
    background: linear-gradient(to bottom,rgba(255 255 255/0),rgba(255 255 255/62.5),rgba(255 255 255/1));
    bottom: 0;
    height: 105px;
    left: 0;
    position: absolute;
    width: 100%;
    padding-top: 60px;
    }
.inner-view.min-view .view-more button{
    border: 1px solid #08387f;
    background: transparent;
    padding: 3px 30px;
    font-weight: 500;
    color: #08387f;
}
#section-advice{height:0;position: relative}
#section-advice .wrap-desktop{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
#section-advice button{
    min-width: 200px;
    background: #0070C0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    box-shadow: 0 0.2rem 0.6rem rgb(0 0 0 / 15%) !important;
}
#section-advice .mtitle{
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
}
#section-advice .col{
    margin-bottom: 25px;
}
.form-advise .col div input, .form-advise .col div select{
    height: 42px;
}
@media(max-width:769px){
    .section-head h1{    font-size: 1.5rem;
    line-height: 1.5;}
    .section-head .reg-now{margin-bottom: 20px}
    .section-special .special-item .icon{}
    .section-special .special-item .info{}
    #section-advice{position: static !important;height:auto !important;padding:0 !important}
    #section-advice .wrap-desktop{position: static !important;transform: none !important;}
}