.headerblack.navbar-fixed-top.transparent{
	background:rgba(255,255,255,0.8);
}
.headerblack.navbar-fixed-top.transparent.sticky{
	background:inherit;
}
.headerblack.transparent.white.navbar-custom .nav li>a{
	color:#000;
}

.navbar-custom .nav>li.active>a{
	color:#e71f1a !important;
}

.navbar-custom .nav>li>a span{
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.navbar-custom .nav>li>a:hover span{
	-webkit-transition: color 200ms;
	transition: color 200ms;
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-osx-font-smoothing: grayscale;
	border-radius: 5px;
	color:#fff;
}
.navbar-custom .nav>li>a:hover span:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #e71f1a;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: 200ms ease-out;
	transition: 200ms ease-out;
	border-radius: 5px;
}
.navbar-custom .nav>li>a:hover span:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.dropdown-toggle.disabled span{
	background-color: #e71f1a;
	color:#fff;
}
.breadcrumb a{
	color:#ccc;
}

.breadcrumb a:hover{
	text-decoration:underline;
}

.breadcrumb li.active{
	color: #fff;
    font-weight: 600;
}

.blog-section .featured-wrapper{
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.blog-content .entry-content p{
	margin: 0 0 9px;
    color: #0d0d0d;
    letter-spacing: 0.5px;
    font-family: "Helvetica Neue",Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 15px;
    line-height: 24px;
}

.blog-content .entry-header h2{
    font-family: "Helvetica Neue",Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.blog-content .entry-content h2{
    font-size: 28px;
    line-height: 1.4;
    margin: 1em 0 0.8em 0;
    font-family: "Helvetica Neue",Helvetica, Arial, 微軟正黑體, "Microsoft JhengHei", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.blog-section .entry-footer .entry-meta{
	padding-left: 15px;
}

.blog-section.blog-detail  .featured-wrapper{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.bloglist .blog-content .entry-header h2{
    margin-top: 20px;
}

.bloglist .blog-content .entry-content p{
    line-height: 22px;
}

.portfolio-detail.single-project-section{
	margin-top: 50px;
}

.productpage.page-title-section.case-study-page.gradient-bottom {
    min-height: 630px;
}


.productpage.case-study-page .page-header h1{
	margin-top:90px;
}


.productpage .page-header p{
	margin-bottom: 0;
}

.homepage.section-padding{
	padding-bottom:0;
}
#blogGrid .entry-header{
    margin-top: 15px;
}


h2.rentaltitle{
    font-size: 35px;
    margin-bottom: 5px;
}

h3.mapdetail{
    font-size: 15px;
}

h3.mapdetail a{
    text-decoration: underline;
    color: #202020;
    font-weight: 600;
}

.suitable{
    
}

.suitable ul{
    
}

.suitable ul li{
width: 8%;
    display: inline-block;
    margin-right: 15px;
}

.suitable ul li img{
width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.suitable ul li div{
    text-align: center;
}


.suitable h4{
    font-size: 13px;    
}

.rentaldesc{
    margin-bottom: 50px;
}

.rentaldesc h2{
    font-size: 24px;
}

.rentaldesc p{
    line-height: 24px;
    font-size: 15px;
    color: #333;
}

.priceDisplaysticky{
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}

.priceDisplay{
    background-color: #f8f8f8;
    border: solid 1px #eaebec;
    padding-top: 15px;
    box-shadow: 0px 1px 15px #ebebeb;
}

.promotionperiod{
    border-bottom: 1px solid #cbcbcb;
    padding-left: 10px;
    padding-right: 10px;
}

.promotionperiod h2{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #ed1c24;
}

.promotionperiod h3{
    font-weight: 600;
}


.rentalpromotionperiod {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
    padding-top: 20px;
}
.rentalpromotionperiod:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
.rentalpromotionperiod h3{
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 23px; 
}
.rentalpromotionperiod h3 span{
    text-decoration: line-through;
    font-weight: 400;
    color: #555;
    font-size: 15px;
}

.rentalpromotionperiod h4{
    margin-bottom: 5px;
    font-size: 15px;
}
.rentalpromotionperiod h4 span{
        font-size: 26px;
    font-weight: 600;
}

.rentalpromotionperiod a{
        background-color: #ed1c24;
    padding: 10px 30px;
    border-color: #cd2229;
    font-weight: 600;
}

.img1{
    border-top-left-radius: 10px;
    overflow: hidden;  
}

.img2{
    
}

.img3{
    border-top-right-radius: 10px;
    overflow: hidden;    
}

.img4{
    
}

.img5{
    overflow: hidden;    
}


.img6{
    border-bottom-left-radius: 10px;
    overflow: hidden;  
}

.img8{
    border-bottom-right-radius: 10px;
    overflow: hidden;  
}



.customermessage-carousel{
    
}

.customermessage-carousel .customermessage{
    margin-top: 20px;
    background-color: #fbfbfb;
    border-radius: 15px;
    padding: 15px;
}


.customermessage-carousel .customermessage h3.media-heading{
    font-weight: 600;
    font-size: 18px;
}

.customermessage-carousel .customermessage .media-body p{
font-size: 14px;
    margin-bottom: 5px;
}

.populartxt{
    background: #4caf50;
    position: absolute;
    transform: rotate(45deg);
    right: -20px;
    top: 15px;
    padding: 2px 20px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    line-height: 15px;
}

.iconexternal{
    font-size: 20px;
    margin-right: 5px;
    color: #666666;
}


.imgsize{
    margin-bottom: 15px; padding-left: 8px; padding-right: 8px;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.makeinquirybottom{
    display: none;
}

@media (max-width: 768px) {
    .page-header h1 {
    font-size: 23px;
    line-height: 30px;
    }
	.nav>li.dropdown>a span,.nav>li.dropdown>a:after{
		color:#000 !important;
	}
	.nav>li.dropdown.open>a span,.nav>li.dropdown.open>a:after{
		font-weight:bold;
		color:#e71f1a !important;
	}
	.navbar-custom .nav>li>a:hover span:before{
		background-color:unset !important;
	}
	.blog-section .entry-footer .entry-meta{
		padding-left: 0px;
	}
	.tt-banner{
		height:300px !important;
	}
    .intro-block:hover .intro-content {
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }
    .imgsize{
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;  
    }
    
    a .img1, a .img2, a .img3, a .img4, a .img5, a .img6, a .img7, a .img8{
        border-radius: 0;
    }
    
    .makeinquirybottom{
        position: fixed;
        bottom: 0;
        background-color: #ed1c24;
        padding: 15px 30px;
        border-color: #cd2229;
        z-index: 99;
        width: 100%;
        color: #fff;
        font-weight: 600;    
        font-size: 24px;
        text-align: center;
        display: inline-block;
        
    }
    
    a.makeinquirybottom:focus, a.makeinquirybottom:hover{
        color: #fff;
    }
    .suitable ul li{
        width: 19%;
    }
}