@charset "utf-8";
/* CSS Document */
body {margin:0 auto; overflow-x:hidden; background-color:#fff}
h1, h4 {color: #696868;}
h1, h2 {font-family: 'Francois One', sans-serif !important;}
h3, h4 {font-family: 'Cuprum', sans-serif !important; line-height:26px;}
p, a {font-family: 'Cuprum', sans-serif !important;}
a {text-decoration: none !important;}
a:hover {color:#f5cc48;}
.fix {height: 30px;}
p {font-size:18px; color:#5a5a5a;}
.click {font-size:18px; padding:10px 30px; background-color:#333; display:inline-block; color:#fff;}
.blur, .hm {display:none;}
.home1 {display:none !important;}
.highlight {color:#000; font-size:20px;}
.bread {display:flex; flex-wrap:wrap;}
.bread a {color:#333 !important; font-size:18px; margin-right:5px; cursor:pointer;}
.bread .boff, .bread a:hover {color:#999 !important;}
.bread .boff {cursor:default;}
.body-memb {text-align:justify; border-top:1px solid #aaaaaa42;}
.body-memb img {margin-bottom:25px;}
.body-memb h3 {padding-left:15px; color:#aa0609;}

.modal_bg {position: fixed; background-color:  #000000d9; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; overflow-y: scroll; text-align: center; display: none;}
.modal_bx {position: relative; margin: 0 auto; width: 100%;}
.modal_img {position: relative; text-align: center; height: 800px; overflow: hidden; display: block;}
.modal_img img {height: 100%;}
.modal_info a {display: block; padding: 30px 15px; color: #fff;}
.close_modal {position: absolute; right: 0; top: 0; z-index: 999;}
.close_modal p {margin: 0; padding: 0 15px; color: #fff; font-size: 40px; font-weight: 200; line-height: 40px; background-color: #0000008f; cursor: pointer;}

/*.....sticky-navbar.....*/
.sticky {position: fixed; top: 0; width: 100%; transition:0.5s; z-index:999;}
.sticky + .content {padding-top: 100px;}

/*......///info///......*/
header {margin:0; padding:15px 0; background-color:#f7fcf6; z-index:999;}
header .logo {height:100px;}
header .logo img {height:100%;}
header h1 {font-size:28px; margin: 10px 0 0; color:#aa0609}
header p {font-size:16px;}
header a {font-size:16px; text-align:right; color:#333; display:block;}

/*...menus...*/
#menu {z-index:999; background-color:#aa0609;}
#menu ul {list-style:none; float:left; padding:0; margin:0; width:100%}
#menu ul li {display:inline; position:relative;}
#menu ul li a {padding:12px 8px; font-size:16px; display:inline-block; color:#fff; transition:all ease-in-out 0.5s; cursor:pointer;}
#menu .home a i {font-size:24px;}
#menu .home a {background-color:#f5cc48;}
.home, .menu {display:inline;}
.search {float:right;}
#menu .active a {color:#f5cc48;}

/*...sub-menus...*/
.sub-menus {position:absolute; display:none; width:max-content !important; background-color:#131313; z-index:99; left:0; box-shadow:#0000004d 0px 0px 10px}
.sub-menus li {display:block !important;border-bottom:1px solid #d8cece78;}
/* Underline From Left */
.sub-menus li a {display:block !important; position: relative; overflow: hidden; color:#fff !important; padding:12px 20px !important; }
.sub-menus li a:before {content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #d8cece78; height: 50px; -webkit-transition-property: right;
  transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.sub-menus li a:hover:before, .sub-menus li a:focus:before,
.sub-menus li a:active:before {right: 0;}
.sub-menus li a:hover {width:103%; left:15px; background:#aa0609; transition:all 0.5s;}
.sub-menus li:hover {background:#aa0609;}
#menu .sub-list {position:absolute; top:0; left:100%; background:#131313; width:max-content; display:none;}
#menu .sub-menus li:hover .sub-list {display:block;}
#menu .rig {right:100% !important; left:inherit;}

/*...banner...*/
#banner {height:auto; overflow:hidden; position:relative;}
#banner .layer {position:absolute; height:100%; width:100%; background-color:#00000061;}
#banner .carousel-caption {bottom:45%; width:80%; left:10%;}
#banner .carousel-caption h1, #banner .carousel-caption p {color:#fff;}
#banner .bnnr {position:relative; height:300px}
#banner .bnnr img {width:100%}

/*----------about-------*/
#about {padding:35px 0;}
#about h1 {margin:5px 0; font-size:30px; color:#aa0609;}
.float {position:relative; margin:15px 0;}
.float .box {position:absolute; top:50%; transform:translate(5%,-50%); padding-top:12px;}
.icon, .box {display:inline-block;}
.box h4 {margin:0;}
.img {position:relative; height:400px}
.img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:100%;}
.about p {text-align:justify;}
.abt {height:400px; padding-left:15px; float:right;}
.ab-box {background-color:#aa0609; background-image:url(../images/back-layer.png); background-repeat:no-repeat; background-size:cover; padding:35px 15px !important;}
.ab-box p {margin:0; text-align:center;}
.ab-box h1, .ab-box h3, .ab-box p, .ab-box a {color:#fff !important;}
.eve img {max-height:500px;}
.dan {height:800px; overflow-y:scroll; width:100%;}

.brnch .b-code {cursor:pointer;}
.brnch .code p {text-align:left;}
.brnch .code p a {margin-right:25px; line-height:36px;}
.brnch .code p a:after {content:'\2022'; position:absolute; padding-left:10px; color:#000; font-size:28px;}
.brnch .code p a:last-child:after {content:'';}
.abm {height:200px; overflow:hidden;}
.abm img {height:100%;}
.abmem p {padding:7px 0 25px;}

/*//////////////////GALLERY////////////////////*/
.featured {height:140px; overflow:hidden; position:relative}
.featured img {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#slider .slick-slide {padding:15px 8px; outline:none;}
.det {padding-top:15px;}
.det p {font-size:15px;}
#slider .slick-track {margin-left:inherit;}
#slider .slick-prev:before, .slick-next:before {color:#f5cc48;}
#slider .slick-prev, .slick-next {top:-10px;}
#slider .slick-next {right:0;}
#slider .slick-prev {right:25px; left:inherit}

.album {margin-bottom:10px;}
.album .frame {height:200px; transition:all ease-in-out 0.5s; overflow:hidden; position:relative; text-align:center; margin:10px 0; border:1px solid #aaaaaa42; background-color:#aaaaaa42;}
.album .frame img {height:100%;}
.album p {text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.album .gal {height:300px;}

.album .frame:hover {box-shadow:#0000008a 0px 0px 10px 0; transform:scale(1.05);}

/*//////////////BRANCHES//////////////*/
.flex {display:flex; flex-wrap:wrap; position:relative; height:auto;}
.brnch .brn {height:200px; width:25%; overflow:hidden; position:relative;}
.brnch .brn img {height:100%;}
.brnch .p {position:relative; padding:15px; width:75%;}
.brnch h3 {background-color:#f0f0f0; padding:10px 15px;}
.brnch {margin-bottom:35px;}

/*//////////////MEDIA//////////////*/
.media {list-style:none; margin:0; padding:0; float:right;}
.media li {display:inline-block;}
.media li a {width:32px; height:32px; display:block; position:relative; border-radius:50%; margin-right:4px !important;}
.media li a i {position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; font-size:16px; color:#fff;}
.media li a:hover, button:hover {background-color:#999;}
.media .facebook {background-color:#3b5998;}
.media .twitter {background-color:#00acee;}
.media .whatsapp {background-color:#09bb09;}

header .media li a {margin-left:4px; width:25px; height:25px; margin-right:inherit !important; margin-top:4px;}
header .media li a i {font-size:11px;}

/*//////////////CONTACT//////////////*/
#contact {padding:50px 0;}
#contact h2 {font-family: 'Francois One', sans-serif !important; color:#aa0609 !important; margin-top:0; font-size:24px;}
#contact a {margin-bottom:10px; display:block; font-size:16px;}
input, button, textarea {border:none; padding:2px 5px; outline:none; color:#000;}

/*//////////////NEWS AND NOTICE/////////////////*/
.news_img {height: 300px; background-color: #eee;}
.news_img img {height: 100%; width: 100%; object-fit: contain;}
.tab-content>.tab-pane, .notice {padding:15px; border:none; min-height:300px; max-height:400px; overflow:hidden; background-color:#fff; box-shadow:#3333331c 0px 0px 4px 0px;}
.nav>li>a, .notice a {color:#aa0609; font-size:16px;}
.notice p {margin-bottom:5px; margin-left:18px; font-size:17px; color:#6e6d6d;}
.note {padding-bottom:10px;}
.news {background-image:url(../images/bg.png); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs, .nav-tabs>li>a {border:none;}
.notice a span {font-size:12px; color:#000;}


.vbb .nes {height:300px; overflow:hidden; background-color:#131313; padding:25px 5px; text-align:center; background-image:url(../images/back.png); background-size:contain;}
.vbb .det {padding:15px; background:#aa0609; text-align:center;}
.vbb .det h3 {color:#fff;}
.vbb .nes img {height:100%; display:inherit}
.vbb h2 {background: #f5cc48; padding: 15px;}

/*//////////////AIBSKA-NEWS//////////////*/
.tab-content>.tab-pane::-webkit-scrollbar{width: 0.7em; background: #403d3d75;}
.tab-content>.tab-pane::-webkit-scrollbar,
.tab-content>.tab-pane::-webkit-scrollbar-thumb {overflow:visible;}
.tab-content>.tab-pane::-webkit-scrollbar-thumb {background: #aa0609ab; border-radius:4px;}
/* MAGIC HAPPENS HERE */
.tab-content>.tab-pane:hover {overflow-y: auto; -webkit-transition: .5s;}

#about .news_1 {padding:30px 0; border-bottom:1px solid #a9a9a93d;}
#about .news_2 {height:400px; overflow:hidden;}
#about .news_2 img {height:100%;}
#about .news_1:last-child, #about .archive li:last-child a {border:none;}
#about .news_1 h4 {margin-top:0;}
#about .news_1 h4 a {text-transform:uppercase; color:#333333; font-weight:600;}
#about .news_info {display:flex;}
#about .news_info a {color:#a9a9a9;}
#about .news_1 h4 a:hover, #about .news_info a:hover, #about .archive li a:hover, .n h3 a:hover, .e h3 a:hover {color:#f5cc48;}
#about .news_1 p {font-size:15px; line-height:23px; padding:8px 0; text-align:justify;}
#about .archive {list-style:none; margin:0; padding:0;}
#about .archive li a {padding:12px 0; display:block; border-bottom:1px solid #a9a9a93d; font-size:15px; color:#666;}
#about .n_c, .n p, .e p, .inews {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#about .n_c {max-height: 195px; -webkit-line-clamp: 8;}
.n p, .e p {max-height: 100px; -webkit-line-clamp: 4; font-size:17px; color:#6e6d6d;}
.n h3 a, .e h3 a {font-size:20px; color:#aa0609;}
.inews {max-height:400px; -webkit-line-clamp: 12; text-align:justify;}

#about table {width:100%; margin-top: 13px;}
#about ._table, #about .mySearch {display: none;}
#about .myTable h4 {padding-top: 10px; border-top: 1px solid #888;}
#about th, #about td {padding:8px;}
.tiger {background-image: url(../images/shotokan-tiger.png); background-size: 50%; background-repeat: no-repeat; background-position: 80%;}
.mySearch {width: 320px; padding: 5px 10px; border: 1px solid #999; background-color: #ffffff70;}

/*///....Footer....///*/
footer {background-color:#131313; padding:40px 0 0;}
footer .qlinks {padding-bottom:35px;}
footer ul {list-style:none; margin:0; padding:0;}
footer ul li a {font-size:18px; color:#fff; padding:4px 0; display:block;}
footer h3 {color:#aa0609;}
footer h4 {color:#f5cc48 !important;}
footer .bttm {padding: 10px 0 1px; background-color:#6b6b6b;}
footer p {padding: 0px; color: white; font-size:14px;}

footer .image li {display:inline-block;}
footer .image li img {height:50px; margin-right:3px;}

/*///....@media....///*/
@media only screen and (max-width:1199px) {
	#menu .rig {right:inherit !important; left:100%;}
}

@media only screen and (max-width:991px) {
	#banner .carousel-caption {bottom:30%;}
	#about .n_c {max-height: 150px; -webkit-line-clamp: 6;}

}

@media only screen and (max-width:767px) {
	header .title, header a {text-align:center;}
	header a, header p, .news_img img {margin:5px auto 0; padding:0;}
	header .media {float:none;}
	#menu .menu ul {margin-bottom:15px;}
	header .media li a {margin:2px; margin-left:inherit;}
	#menu .menu {background-color:#fff; overflow:auto; left:-70%; width:70%; height:100%; position:fixed; top:0; z-index:9999; box-shadow:1px 1px 6px -1px #3333336b}
	#menu ul li {display:block; border-top:1px solid #f5cc4845;}
	#menu .menu li a {color:#aa0609; padding:15px; display:block;}
	.sub-menus {position:relative; box-shadow:none; width:100% !important; background-color:#fff;}
	.sub-menus li a {color:#131313 !important;}
	.home, .home1 {background-color:#aa0609;}
	.menu, .home1 {display:block !important;}
	.hm {display:inline-block; padding:13px; font-size:18px;}
	.home {display:inline-block !important; width:100%; color:#fff;}
	.blur {background-color:#00000075; z-index:9; position:fixed; height:100%; width:100%; top:0;}
	input, button {height:40px;}
	button {padding:0 12px;}
	#menu ul li a {padding:5px;}
	#menu .home a i {padding:7px 8px 9px;}
	#menu .home a, #menu ul li a i {float:right;}
	#banner .carousel-caption h1 {font-size:30px;}
	.tab-content>.tab-pane {overflow-y:auto;}
	.brnch .brn, .brnch .p {width:100%;}
	.brnch .p {padding:15px 0;}
	#menu .sub-list {position:relative; top:inherit; left:inherit;}
	.body-memb img {margin-bottom:0;}
	.album .gal {height:250px;}
	.body-memb {text-align:left;}
	.sub-menus li a:hover {width:inherit; left:0; background:#fff;}
	.tiger {background-image: none;}
	#menu .sub-list {background:#fff;}
	#menu .rig {right:inherit !important; left:inherit;}
	#menu .sub-menus li:hover .sub-list {padding-left:10px;}
	.sub-menus li:hover {background:#fff;}
	#menu .sub-menus li:hover .sub-list {display:contents;}
	.modal_img {height: auto;}
    .modal_img img {height: auto; width: 100%;}
    .close_modal {position: fixed;}
}

@media only screen and (max-width: 600px) {
	#about, footer {padding:20px 0;}
	#banner .bnnr {position:relative; height:auto;}
	#banner .carousel-caption {bottom:10%;}
	#banner .carousel-caption h1 {font-size:24px;}
	#banner .carousel-caption p {line-height:20px;}
	.news h1 {font-size:25px !important;}
	.brnch {margin-bottom:0;}
	#banner .bnnr img {position:relative; top:inherit; left:inherit; transform:none;} 
	.brnch .code p a {display:block; margin-right:0;}
	.brnch .code p a:after {content:'';}
	.memb img {height:200px; margin-bottom:5px;}
	

}


@media only screen and (max-width:460px) {
	.img img {height:auto; width:100%;}
	header h1 {font-size:20px;}
	.hm {padding:15px 5px 15px 15px; font-size:14px;}
	.abt {height:250px;}
}