/* -> for index banner */
.ptt-main-banner {height: 100vh;position: relative;width: 100%;}
.ptt-main-banner .banner-bg {height: 100vh;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url("/public/img/index_banner.jpg")}
.ptt-main-banner .clip {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);opacity: 1;}
.ptt-main-banner .content {position: absolute;display: inline-block;left: 0;width: 100%;top: 50%;text-align: center;transform: translateY(-50%);}
.ptt-main-banner h1 {font-size: 42px;font-weight: 700;line-height: 42px;text-transform: uppercase;letter-spacing: 8px;color: #fff;font-family: 'Open Sans', sans-serif;}
.ptt-main-banner .description {font-size: 16px;color: rgba(255, 255, 255, 0.6);margin-top: 40px;margin-bottom: 40px;}

.top-msg-buttons {position: absolute;top: 20px;left: 0px;width: 100%;text-align: center;margin-top: 50px;}
.top-msg-buttons .phone {margin-top: 10px;color: #fff;font-size: 22px;line-height: 30px;font-weight: 700;text-transform: uppercase;letter-spacing: 5px;}

.category-block, a.ptt-category-link {min-height: 350px;}
.category-block {position: relative;width: 100%;margin-bottom: 30px;overflow: hidden;}
.category-block .category-clip, .category-block .category-cover, .category-block .category-caption {position: absolute;left: 0; top: 0;width: 100%;height: 100%;border-radius: 5px;transition: 0.3s all ease-in-out;}
.category-block .category-clip { background: rgba(0, 0, 0, 0.2);opacity: 1;}
.category-block .category-cover {height: 100%;width: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}

.category-block:hover .category-clip {background: rgba(0, 0, 0, 0.5);}
.category-block:hover .category-cover {-webkit-transform: translate3d(0, 0, 0) scale(1.1, 1.1);transform: translate3d(0, 0, 0) scale(1.1, 1.1);}
.category-block .category-caption .ptt-title-3 {color: #ffffff;position: relative;text-align: center;transform: translateY(-50%);top: 50%;letter-spacing: 4px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }

.category-block .ptt-btn-orange {position: absolute;right: 20px;bottom: 20px;}
.category-block:hover .category-caption .ptt-title-3 {color: #ff6600;}

.ptt-pop-tour {}
.ptt-pop-tour .pop-cover {width: 120px;float: left;display: block;border-radius: 5px;overflow: hidden;position: relative;margin-bottom: 20px;}
.ptt-pop-tour .pop-cover .pop-cover-bg {width: 100%;height: 0;padding-bottom: 66.667%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.ptt-pop-tour .pop-cover .pop-cover-clip {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: 0.3s all ease-in-out;background: rgba(0, 0, 0, 0.2);opacity: 1;}
.ptt-pop-tour .pop-cover:hover .pop-cover-clip {background: rgba(0, 0, 0, 0.3);}
.ptt-pop-tour .pop-cover-title {margin-left: 150px;}
.ptt-pop-tour .pop-cover-title .pop-cover-price {margin-top: 5px;display: block;font-weight: 800;text-transform: lowercase;}
.red {color: #ef4836;}

.top-header-bar .top-phone:hover {color: #fff;}

.category-block .category-caption .ptt-title-3 {
    margin: 0 30px;
}

.ptt-main-block .ptt-title-2:hover {
    color: #ef4836;
}

@media (max-width: 480px) {
    .ptt-main-banner h1 {font-size: 34px;letter-spacing: 5px;}
    .category-block, a.ptt-category-link {min-height: 250px;margin-bottom: 15px;}
    .ptt-main-block .ptt-title-2 {margin: 40px 0;}
    .ptt-main-block {padding-bottom: 0;}
}