hr.line { width:25%;margin:0px auto; height:1px; background-color:#aaaaaa; border:none; }

.sec-banner { height:95%;position:relative; }
.sec-banner .swiper-banner { height:100%; }
.sec-banner .swiper-wrapper { height:100%; }
.sec-banner .swiper-slide { background-color:#000000; }
.sec-banner .banner { width:100%;height:100%;background-size:cover;background-position:center; }
.sec-banner .txt-area { position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;display:table;z-index:1;color:#ffffff; }
.sec-banner .txt-area > .wrapper { display:table-cell;height:100%;width:100%;text-align:center;vertical-align:middle;padding:20px;padding-bottom:10% }
.sec-banner .txt-area h1 { opacity:.9; font-size:70px; font-family:'Oleo Script'; font-weight:normal; margin:0px;text-shadow:0px 0px 10px rgba(0,0,0,.8) }
.sec-banner .txt-area p { opacity:.9; font-weight:bold; font-size:30px;text-shadow:0px 0px 10px rgba(0,0,0,.8);margin-top:0px; }
.sec-banner .txt-area .logo { height:35%;margin-bottom:2%; }

.swiper-banner .swiper-banner-pagination { position:absolute;margin-bottom:10px;bottom:0px;left:0px;right:0px;text-align:center;z-index:2 }
.swiper-banner .swiper-banner-pagination .swiper-pagination-bullet { background-color:#ffffff;opacity:1;width:14px;height:14px; }
.swiper-banner .swiper-banner-pagination .swiper-pagination-bullet-active { background-color:#0daaac }
.swiper-banner .swiper-slide.banner { width:100%; }

.sec-txt { text-align:center;padding:60px 0px 60px 0px; }
.sec-txt > .wrapper { max-width:1200px;margin:0px auto; }
.sec-txt h2 { font-size:28px;font-weight:normal;margin:10px 0px; }
.sec-txt p { font-size:16px;margin:0px; }


.sec-icon { clear:both;text-align:center;margin:70px 0px 20px 0px; }
.sec-icon h2 { font-size:30px;font-weight:normal;margin:0px 0px 50px 0px;font-weight:bold;color:#515151 }
.sec-icon .row { overflow:auto;max-width:900px;margin:0px auto; }
.sec-icon .row > .col { float:left;width:25%;font-size:16px; }
.sec-icon .icon { font-size:20px;font-weight:bold;color:#0daaac }
.sec-icon .icon i { font-size:60px;margin-bottom:20px; }



.sec-dest {  padding:50px 0px;text-align:center; }
.sec-dest > .wrapper { max-width:1180px;margin:0px auto; }
.sec-dest h2 { font-size:28px;font-weight:bold;margin:10px 20px;text-align:center;display:inline-block;border-bottom:2px #666666 solid; }
.sec-dest .row { overflow:auto;margin-top:30px;  }
.sec-dest .row > .col { width:50%;float:left;  }
.sec-dest .card { background-color:#f2f2f2;margin:0px;position:relative;height:350px; }
.sec-dest .card .img-area { width:100%;height:100%;overflow:hidden;background:#000000 }
.sec-dest .card .img-area a { display:block;height:100%;width:100%; }
.sec-dest .card .img-area img { width:100%;opacity:.6;margin-top:-15%; }

.sec-dest .card .txt-area { position:absolute;top:0px;left:0px;right:0px;bottom:0px;text-align:center; color:#ffffff;padding:80px 30px 30px 30px;box-sizing:border-box; }
.sec-dest .card .txt-area .title { font-size:32px;line-height:1.3;color:#ffffff; }
.sec-dest .card .txt-area p { margin:15px 0px; font-size:14px;height:60px;overflow:hidden; }

.sec-dest .card .btn-area { font-size:14px;overflow:auto;margin-top:30px; }
.sec-dest .card .btn-area span { float:right;font-size:12px; }
.sec-dest .card .btn-area .more { font-weight:bold;color:#ffffff;background-color:#0daaac;display:inline-block;text-align:center;padding:5px 40px; }



.sec-box {  padding:50px 0px;margin:30px 0px;text-align:center; }
.sec-box > .wrapper { max-width:1200px;margin:0px auto; }
.sec-box h2 { font-size:28px;font-weight:bold;margin:10px 15px;text-align:center;border-bottom:2px #666666 solid;display:inline-block; }
.sec-box .row { overflow:auto;margin-top:20px; }
.sec-box .row > .col { width:25%;float:left;  }
.sec-box .card { background-color:#fefefe;margin:10px;overflow:auto;border:1px #e2e2e2 solid;  }
.sec-box .card .img-area { height:240px;overflow:hidden;background:#aaaaaa }
.sec-box .card .img-area a { display:block;height:100%;width:100%; }
.sec-box .card .img-area img { width:100%; }

.sec-box .card .txt-area { color:#333333; padding:15px 20px;box-sizing:border-box; }
.sec-box .card .txt-area .title { font-size:15px;line-height:1.3;height:40px;display:block;font-weight:bold; }
.sec-box .card .txt-area .label { color:#0daaac;padding:3px 10px;font-weight:bold; }


.sec-box .card .btn-area { font-size:14px;overflow:auto;margin-top:40px; }
.sec-box .card .btn-area span { float:right;font-size:12px; }
.sec-box .card .btn-area .more { font-weight:bold;color:#ffffff;background-color:#0daaac;display:block;text-align:center;padding:5px; }



.review-area { margin-top:100px;text-align:center; background:url(../img/home/review/bg.jpg) top right no-repeat;background-size:cover }
.review-area > .wrapper { margin:0px auto;max-width:1200px;padding-bottom:60px;  }
.review-area h2 { font-size:28px;font-weight:bold;margin:0px 0px 25px 0px;text-align:center;border-bottom:2px #666666 solid;display:inline-block; }
.review-area .row { overflow:auto;margin-top:20px }
.review-area .row > .col { float:left;width:50%;box-sizing:border-box;padding:20px; }
.review-area .review { overflow:auto;background-color:#fcfcfc;border:4px #0daaac solid;color:#333333;border-radius:20px;text-align:center; }
.review-area .review .img-area { border-radius:50%;overflow:hidden;height:100px;width:100px;margin:25px auto 0px auto; }
.review-area .review .img-area img { height:100%; }
.review-area .review .star { color:#ffc700 }
.review-area .review .txt { line-height:1.6; font-size:14px;padding:20px; }
.review-area .review .txt .country { margin-top:5px; }
.review-area .review .txt .name { color:#0daaac;font-weight:bold; }
.review-area .review .txt .msg { height:68px;min-width:150px; font-size:14px;padding:10px 20px;display:inline-block;position:relative; }
.review-area .review .txt .msg i { color:#dddddd;font-size:30px; }
.review-area .review .txt .msg i.ql { position:absolute;top:15px;left:-25px; }
.review-area .review .txt .msg i.qr { position:absolute;bottom:15px;right:-25px; }


@media screen and (max-width:1150px) {

  .sec-banner { height:90%; }
  .sec-banner .txt-area { margin-bottom:15%; }
  .sec-banner .txt-area .logo { margin-bottom:5%; }
  .sec-banner .txt-area h1 { font-size:58px; }
  .sec-banner .txt-area p { font-size:26px;  }

  .sec-txt > .wrapper ,
  .sec-dest > .wrapper ,
  .sec-testimonial > .wrapper ,
  .sec-box { padding:0px 40px; }

  .sec-dest .card .img-area img { margin:0px; }

  .sec-testimonial { padding:80px 0px; }

  .sec-box .card .img-area { height:220px; }
  .sec-box .card .img-area img { height:100%;width:auto; }
  .sec-box .card .txt-area .title { height:60px;line-height:1.5 }

  .sec-icon .row { max-width:900px; }

  .review-area > .wrapper { max-width:960px; }
  .review-area .row { margin-top:5px; }
  .review-area .review .txt .msg { height:70px; }
}


@media screen and (max-width:800px) {

  h2 { font-size:22px!important }
  .sec-txt > .wrapper br { display:none; }

  .sec-banner .txt-area { padding-bottom:15%; }
  .sec-banner .txt-area h1 { font-size:54px; }
  .sec-banner .txt-area p { font-size:26px;  }
  .sec-banner .txt-area p br { display:none; }

  .sec-box .row > .col { width:50%; }

  .sec-dest .row { margin:15px; }
  .sec-dest .card { height:280px; }
  .sec-dest .card .txt-area { padding:50px 30px; }

  .sec-box .row { margin-top:15px; }
  .sec-box .card .img-area { height:320px; }

  .sec-icon {}
  .sec-icon .row { margin:0px 30px; }
  .sec-icon .icon i { font-size:50px; }

  .review-area { margin-top:60px; }
  .review-area > .wrapper { max-width:660px; }
  .review-area .row > .col { width:auto;float:none; }

}

@media screen and (max-width:600px) {

  .sec-banner { height:430px;overflow:hidden; }
  .sec-banner .banner { height:100%;width:auto; }
  .sec-banner .swiper-banner  ,
  .sec-banner .swiper-wrapper ,
  .sec-banner .swiper-slide{ height:100%; }

  .sec-banner .txt-area > .wrapper { vertical-align:top;padding-top:80px; }
  .sec-banner .txt-area h1 { font-size:32px; }
  .sec-banner .txt-area p { font-size:16px; }

  .sec-txt h2 { font-size:22px; }

  .sec-dest { padding:0px; }
  .sec-dest > .wrapper { padding:0px 10px; }
  .sec-dest .row { margin:0px; }
  .sec-dest .row > .col { width:auto;float:none;margin-bottom:30px; }
  .sec-dest .card { margin:15px  }
  .sec-dest .card .txt-area .title { font-size:20px; }
  .sec-dest .card .img-area ,
  .sec-dest .card .txt-area { width:auto;float:none; }
  .sec-dest .card .btn-area .more { }

  .sec-box  { padding:0px 15px; }
  .sec-box .card { margin:10px; }
  .sec-box .card .img-area  { height:150px; }
  .sec-box .card .txt-area .title { height:60px;font-size:14px; }
  .sec-box .card .img-area img { width:100%;height:auto; }

  .review-area > .wrapper {  margin:0px 30px }
  .review-area .row > .col { padding:25px; }


  .sec-icon { margin-bottom:40px }
  .sec-icon .row > .col { width:50%;margin-bottom:60px; }
  .review-area .review .txt .msg { height:auto;min-height:65px;max-width:200px; }
  .review-area .review .txt .msg br { display:none }
  .review-area .review .txt .name { display:block; }

}

@media screen and (max-width:380px) {
  .sec-banner { height:400px; }
  .sec-banner .txt-area h1 { font-size:28px; }
  .sec-banner .txt-area p { font-size:14px; }


  .sec-txt img { width:80%; }
  .sec-txt h2 { font-size:20px; }
  .sec-txt p { font-size:14px; }

  .sec-dest h2 { font-size:23px; }
  .sec-dest .card .txt-area .title { font-size:18px; }
  .sec-dest .card .txt-area p {  font-size:12px; }

  .sec-box .card .img-area  { height:140px; }
  .sec-box .card .txt-area small { font-size:12px; }

  .review-area .review .txt .msg { font-size:14px; }
  .review-area .review .txt .msg i { font-size:25px; }
  .review-area .review .txt .msg i.ql { left:-15px; }
  .review-area .review .txt .msg i.qr { right:-15px; }

  .sec-icon { margin-bottom:30px }
}

@media screen and (max-width:350px) {
  .sec-banner { height:340px; }
  .sec-banner .txt-area > .wrapper { padding-top:55px; }
  .sec-banner .txt-area h1 { font-size:25px; }
  .sec-banner .txt-area p { font-size:12px; }

  .sec-txt h2 { font-size:18px; }
  .sec-txt p { font-size:12px; }

  .sec-dest { padding:30px 0px; }
  .sec-dest h2 { font-size:20px; }
  .sec-dest h2 , .sec-dest .card { margin:10px 5px; }
  .sec-dest .card { height:260px; }
  .sec-dest .card .txt-area .title { font-size:16px; }
  .sec-dest .card .txt-area p {  font-size:12px; }
  .sec-dest .card .btn-area { font-size:12px; }

  .sec-box { padding:0px 10px; }
  .sec-box .card { margin:6px; }
  .sec-box .card .img-area  { height:120px; }
  .sec-box .card .txt-area .title { height:60px;font-size:12px; }
  .sec-box .card .txt-area small { font-size:10px; }

  .review-area > .wrapper {  margin:0px 15px }
  .review-area .row > .col { padding:15px; }
  .review-area .review .txt .msg { font-size:12px;margin:0px 10px; }
  .review-area .review .txt .msg i { font-size:20px; }

  .sec-icon .row > .col { font-size:14px }
  .sec-icon .icon { font-size:16px; }
  .sec-icon .icon i { font-size:40px; }
}