h1,h2,h3,h4,h5 { font-family: 'Noto Sans TC', sans-serif; }
#hero { padding: 100px 0 0 0; }
.round-img {
	margin: 0 auto;
	width: 186px; height: 186px; text-align: center; padding-top: 8px;
	border-radius: 50%;
	background: rgb(2,0,36);
	background: linear-gradient(240deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}
.round-img > img { width: 170px; border-radius: 50%; border: solid 5px #FFF; }
.round-img-grey {
	margin: 0 auto;
	width: 138px; height: 138px; text-align: center; padding-top: 4px;
	border-radius: 50%;
	background: #CCC;
}
.round-img-grey > img { width: 130px; border-radius: 50%; border: solid 5px #FFF; }
.contact-box div {
	max-width: 180px; min-height: 220px; margin: 0 auto;
}
.carousel-content { position: absolute;  width: 100%; top: 20%; }
@media (max-width: 1023px) {
	.contact .info .phone2 {
		margin-top: 40px;
	}
	#hero { padding: 80px 0 0 0; }
	.round-img {
		width: 112px; height: 112px; padding-top: 6px;
	}
	.round-img > img { width: 100px; }
	.round-img-grey {
		width: 88px; height: 88px; padding-top: 4px;
	}
	.round-img-grey > img { width: 80px; }
	.carousel-content-text { max-width: 300px; margin: 0 auto; }
	.carousel-content { top: 15px; }
	.carousel-content img { padding: 10px; margin: 0 auto; }
	.mobile-view { display:inline !important; }
	.desktop-view { display:none !important; }
	.h4, h4 {
		font-size: 1rem;
	}
	.contact-box div {
		max-width: 160px; min-height: 160px; margin: 0 auto;
	}
}
@media (min-width: 1024px) {
	.mobile-view { display:none !important; }
	.desktop-view { display:inline !important; }
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
	color: #000;
}
.nav-menu a {
	color: #000;
}
#header.header-scrolled {
	background: #FFF;
}
#header.header-transparent { background: #fafafa; border-bottom: solid 1px #cacaca; }
.mobile-nav-toggle i {
	color: #000;
}
#hero:before {
	background: #FFF;
}
.carousel-control-prev i, .carousel-control-next i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background: #00ace6;
	color: #fff;
}
.carousel-control-next, .carousel-control-prev {
	opacity: 1;
}
.carousel-indicators {
	bottom: 15%;
}
.carousel-indicators li {
	width: 20px;
	height: 20px;
	border-radius: 30px;
	background-color: #CCC;
	opacity: .5;
	border: none;
	margin-right: 5px;
	margin-left: 5px;
}
.carousel-indicators .active {
	opacity: 1;
	background-color: #00ace6;
}
.about .icon-box .icon {
	border: 2px solid #00ace6;
}
.about .icon-box .icon i {
	color: #00ace6;
}
.about .icon-box:hover .icon {
	background: #00ace6;
	border-color: #00ace6;
}
@media (max-width: 991px){
	#hero h1 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 5px;
	}
}
.counts .count-box i {
	background: #00ace6;
}
.details .content ul i {
	font-size: 30px;
	color: #00ace6;
}
.background-cover, .bg-cover {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	width: 100%;
	height: 100%;
}
.contact-box {
	padding: 30px;
}
.testimonials::before {
	background: rgb(48 183 234 / 80%);
}
.faq .faq-list li {
	background: #d2edf9;
}
a {
	color: #0071bb;
}
.faq .faq-list .icon-help {
	color: #0071bb;
}
.about .icon-boxes h3 {
	color: #00ace6;
}
.details .content h3 {
	color: #00ace6;
}
.section-title p {
	color: #00ace6;
}
.section-title h2::after {
	background: #00ace6;
}
.back-to-top i {
	background: #00ace6;
}
.mobile-nav-toggle i {
	color: #999;
}
.mobile-nav-overly {
	background: rgba(0, 172, 230, 0.6);
}
.mobile-nav a {
	color: #999;
}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
	color: #00ace6;
}
.btn { min-width: 120px; }
.btn-primary {
	background-color: #00ace6;
	border-color: #00ace6;
}
.btn-default {
	background-color: #CCC;
	border-color: #CCC;
}
.counts .count-box span {
	color: #00ace6;
}
.nav-menu > ul > li > a:before {
	background-color: #00ace6;
}
.faq .faq-list a.collapsed:hover {
	color: #00ace6;
}
a:hover {
	color: #00ace6;
}
.zoom {
  transition: transform .2s; /* Animation */
}
.zoom:hover {
  transform: scale(1.3); /* (130% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#footer {
	background: #00ace6;
}
#footer .footer-top .footer-info {
	background: #0071bb;
	border-top: 4px solid #82daff;
}
#footer .copyright {
	border-top: 1px solid #FFF;
}
.contact .info i {
	color: #fff;
	background: #00ace6;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i, .contact .info .phone2:hover i {
	background: #f0f0ff;
	color: #00ace6;
}
.contact .info h4 {
	color: #000;
}
.contact .info p {
	color: #000;
}
#carouselExampleCaptions .btn-get-started, #hero .btn-get-started {
	background: #00ace6;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}
#carouselExampleCaptions .btn-get-started, #hero .btn-get-started:hover {
	background: #0071bb;
}
#carousel .testimonials::before {
	background: none;
}
#carousel .testimonials {
	padding: 0;
	background: none;
	/*background: url(assets/bytheloan/banner1.jpg) no-repeat;*/
}
.grad { background-image: linear-gradient(to right, #009fdf 0%, #2f2e96 100%); }
.grad-text-blue { background: -webkit-linear-gradient(right, #009fdf, #2f2e96); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
}

.icon-list li {
  float: left;
  padding-left: 16px;
}

.banner1-text { max-width: 350px; position: absolute; left: 100px; top: 300px; }
.banner2-text { max-width: 400px; position: absolute; right: 60px; top: 420px; }
.banner3-text { width: 100%; position: absolute; top: 200px; }
.banner3-img { max-width: 400px; margin: 0 auto; }
@media (max-width: 1023px) {
	.banner1-text { max-width: 200px; left: 50px; top: 150px; }
	.banner2-text { max-width: 200px; right: 30px; top: 210px; }
	.banner3-text { top: 100px; }
	.banner3-img { max-width: 180px; }
}
.up-and-down {
    animation: up-down 1s ease-in-out infinite alternate-reverse both;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.zoom-in-out {
    animation: zoominoutsinglefeatured 1s infinite ;
}

.text-blue { color: #0071bb }