* {
	transistion: all 2s ease;
}

body{
	padding-top:110px;	
	color:#333333;
	line-height:1.8;
font-family: 'Roboto', sans-serif;

	
}

.carousel-item{
	height:0vh;
	max-height:300px;
	padding-top:42.25%
}


h1,h2,h3,h4,h5{
font-family: 'Anton', sans-serif;
color:#660033;
}

h2{
	font-size:2.0rem;	
	padding-bottom:20px;
}

a{color:#cc0000;}
a:hover{color:#ff0000;}

.descText{
	font-size:14px;	
}

.descText ul {
  padding-left: 20px;
  list-style-type:none
}
.descText ul li{
	list-style-type:square
}


h1{
	font-size:2.0rem;	
}

h5{
	margin-bottom:5px;
	font-size:1.2rem;
}


h4{
	margin-bottom:25px;	
	font-size:30px;
}

h5{
	margin-bottom:15px;	
	font-size:20px;
}

h4.lang_tc{
	font-weight:bold;
	font-size:34px;
}

h3{
	margin-bottom:20px;	
}

h6{
	margin-bottom:5px;	
}

.container.morePads{
	padding-top:35px;
	padding-bottom:35px;
}

.container.morePads2{
	padding-top:25px;
	padding-bottom:25px;
}

.bg-footer{
	background-color:#534f4c;
	color:#ffffff;
}

.topNav{
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:2px solid #cc0000;
	background-color:#ffffff;
}

.lang_tc{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

p.lang_tc{
	font-size:20px;	
}

#homepage .container .content p {
	max-width:600px;	
	padding-bottom:30px;
}

.homepage-line{
	border-left:1px #ccc solid;	
	padding-left:30px;
	
}

.breadcrumb{
	display:none;	
}

.pageTopPad{
	height:30px;	
}

.list-group-item{
	border:none;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.list-group-item:first-child {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.list-group-item.hover {
    background-color: rgba(0,0,0,0.05);
}

.list-group-item.active {
    background-color: rgba(0,0,0,0.05);
	color:#333;
}


.carousel-caption h3, .carousel-caption p{
	display:none;
}

.list-group-item.active{border-color:#ccc; color:#000000; font-weight:700;}

.navbar-light .navbar-nav .nav-link{
	color:rgba(0,0,0,1);
}


.navbar-brand img {height:100px;}

div.bioPicBox{
	width:250px;
	margin-left:20px;
	margin-bottom:20px;
	float:right;
}

.bioPicBox img{
	width:100%;
}

.picCaption{
font-size:12px;	
}

.promotion{
	padding-top:10px;
	padding-bottom:10px;
	color:#ffffff;
	text-align:center;
	background-color:#cc0000;
	font-size:22px;
	font-family: 'Anton', sans-serif;
}
a[href^=tel] {
  color:#ffffff;
}

a.footerLink{
	color:#ffffff;
	text-decoration:underline;
}

.ageDesc{
	font-size:14px;
	margin-top:-10px;
	color:#333333;
	display:block;
}

.thumbSection{
	padding:11px;	
	margin-left:auto;
	margin-right:auto;
}

.thumbSectionHP{
	padding:12px;	
}

a.thumbContainer {
	margin-bottom:20px;	
	padding-left:2px;
	padding-right:2px;
	color:#333;
	overflow:hidden;
}

a.thumbContainer:hover{
	color:#000;	
	text-decoration:none;
}

.thumbImg{

	background-color:#eee;
	position:relative;
	overflow:hidden;
	border: 1px solid #cbba88;
}

.imgThumb{
	padding-top: 61.44067797%;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.imgThumb.littlelions{background-image:url(../images/thumbs/little-lions.jpg);}
.imgThumb.littleheroes{background-image:url(../images/thumbs/little-heroes.jpg);}
.imgThumb.juniorsprogram{background-image:url(../images/thumbs/juniors-program.jpg);}
.imgThumb.martialmind{background-image:url(../images/thumbs/martial-mind.jpg);}
.imgThumb.teachingphilosophy{background-image:url(../images/thumbs/teaching-philosophy.jpg);}
.imgThumb.adultsprogram{background-image:url(../images/thumbs/adults-program.jpg);}
.imgThumb.teensadults{background-image:url(../images/thumbs/teens-adults.jpg);}
.imgThumb.teachers{background-image:url(../images/thumbs/teachers.jpg);}




.thumbCaption{
	position:absolute;
	bottom:0px;
	background-color:rgba(0,0,0,0.5);
	color:#ffffff;
	padding:5px;
	padding-left:10px;
	width:100%;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
	transition: background 2s; /* For modern browsers */	
}

a.thumbContainer:hover .imgThumb{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */ 
  transform: scale(1.2);
}

a.thumbContainer:hover .thumbCaption{
	background-color:rgba(0,0,0,0.7);
}





.thumbDesc{
	font-size:12px;	
	padding:5px;
	padding-left:10px;	
	line-height:1.5;
	color:#333;
}

.featureArea{
	background-color:#dedede;	
	padding-top:20px;
	
}

.featureHeader{
	margin-left:-10px;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:10px;
}


.pageBannerContainer{
	text-align:center;	
	width: 100%;
	max-width: 1140px;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	margin-bottom:30px;
	padding-top:12px;
}	

.pageBannerContainer .bannerImg{
	padding-top:42%;	
	background-size:cover;
	background-position:top center;
}


/* Page Banner */
.pageBannerContainer .bannerImg.littlelions{background-image:url('../images/banner/banner_little-lions.jpg');}
.pageBannerContainer .bannerImg.littleheroes{background-image:url('../images/banner/banner_little-heroes.jpg');}
.pageBannerContainer .bannerImg.juniorsprogram{background-image:url('../images/banner/banner_juniors-program.jpg');}
.pageBannerContainer .bannerImg.martialmind{background-image:url('../images/banner/banner_martial-mind.jpg');}
.pageBannerContainer .bannerImg.bigandlittlewarriors{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.whatistaekwondo{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.teachingphilosophy{background-image:url('../images/banner/banner_teaching-philosophy.jpg');}
.pageBannerContainer .bannerImg.aboutourschool{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.whygothamtaekwondo{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.masteryvonnekwok{background-image:url('../images/banner/banner_master-yvonne-kwok.jpg');}
.pageBannerContainer .bannerImg.headmasterwilliamkwok{background-image:url('../images/banner/banner_headmaster-william-kwok.jpg');}
.pageBannerContainer .bannerImg.adultsprogram{background-image:url('../images/banner/banner_adults-program.jpg');}
.pageBannerContainer .bannerImg.teensadults{background-image:url('../images/banner/banner_teens-adults.jpg');}
.pageBannerContainer .bannerImg.programschedule{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.schoolcalendar{background-image:url('../images/banner/banner_big-and-little-warriors.jpg');}
.pageBannerContainer .bannerImg.distancelearning{background-image:url('../images/banner/banner_distance-learning.jpg');}


.sideNav{
	padding-left:0px;
	border-left:1px dotted #cccccc;
}



.img-inpage {
    /* padding: .25rem; */
    background-color: #fff;
    border: 1px solid #dee2e6;
    /* border-radius: .25rem; */
    max-width: 100%;
    height: auto;
    float: right;
    margin-left: 30px;
	max-width:350px;
}

.img-inpage-full{
    background-color: #fff;
    border: 1px solid #dee2e6;	
}


ul.pagelist{
	width:100%;	
}

ul.pagelist li{
	width:40%;
	display:inline-block;
	list-style-type: circle;
}


.btn-primary.disabled, .btn-primary:disabled {
    color: #666;
    background-color: #bbb;
    border-color: #bbb;
    cursor: not-allowed;
}

.g-recaptcha {
    margin-bottom: 10px;
}

.specialAnnouncement {
    border: 1px dashed;
    padding: 10px 20px;
    font-size: 15px;
    background-color: #eee;
    margin-bottom: 10px;
}

.announcement a{color:#fff; text-decoration:underline;}
.announcement a:hover{color:#fff;}

table.schedule {
	border-top:1px solid #666; 
	border-left:1px solid #666;	
}

table.schedule td{
	padding:5px; 
	padding-left:10px;
	padding-right:10px;
	border-bottom:1px solid #666; 
	border-right:1px solid #666;
	width:14%;
	font-size:14px;
}

table.schedule td{
	text-align:center;	
}

.age_detail{
	display:inline-block;
	white-space:nowrap;
}

table.schedule td.titleHeader{
	background-color:#534f4c;
	color:#ffffff
}

.class_color_1{background-color:#CFDCA3;}
.class_color_2{background-color:#B6D9F3;}
.class_color_3{background-color:#D1C2F8;}
.class_color_4{background-color:#F4C560;}
.class_color_5{background-color:#D6ABAB;}
.class_color_6{background-color:#CCCCCC;}

.legendBlocK{
	display:inline-block;
	width:50px;
	height:25px;
	vertical-align: bottom;
}

.legendItem{
	height:25px;
	line-height:25px;
	vertical-align:center;
	margin-bottom:8px;

}

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

	.pageBannerContainer{
		padding-right: 0px;
		padding-left: 0px;
		max-width:none;
	}	
	
	.pageTopPad {
		height: 12px;
	}	

	img.pageBanner{
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}


}


@media screen and (max-width: 992px) {
	
	body{
		padding-top:80px;
	}

	.homepage-line{
		border-left:0px #ccc solid;	
		padding-left:15px;
	
	}
	
	
	.navbar-brand img{
		height:70px;
		margin-top:5px;
		margin-bottom:5px;
	}

	.list-group
	{
		display:none;	
	}
	
.img-inpage {
    float:none;
	margin-left:auto;
    margin-right:auto;
	margin-top:0px;
	margin-bottom:30px;
	clear:both;
	display:block;
	width:100%;
}	
	
.pageBannerContainer .bannerImg{
	padding-top:50%;	
}	
	
}




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

.promotion{
	font-size:16px;
}

div.bioPicBox{
	width:100%;
	text-align:center;
	margin-left:0px;
	margin-bottom:20px;
	float:none;
}

.bioPicBox img{
	width:75%;	
}

.thumbSection {
    padding: 11px;
	padding-left:0px;
	padding-right:0px;
    margin-left: auto;
    margin-right: auto;
}




}