/* 
GREEN #5B9E55
MAIN TEXT #424242
*/

* {box-sizing:border-box;margin:0;padding:0;}

body {font-family: 'Source Sans Pro', sans-serif;font-size: 15px;line-height: 22px;font-weight: 400;color:#424242;background:#F8F9FA; text-rendering: optimizeLegibility;}
h1 {font-size: 20px;line-height: 22px;font-weight: 400; margin-bottom: 0.4em;}
h4 {font-size: 24px;line-height: 30px;font-weight: 400; margin-bottom: 0.4em;}
h3 {font-size: 32px;line-height: 40px;font-weight: 400;display: block;margin-bottom:80px;margin-top:50px;text-align: center;position:relative;}
h3:after {content:''; position:absolute;  left:0; right:0;  top:100%;  margin:30px auto 10px auto; width:50px; height:2px; background:#42713E;}

a:link, a:visited, a:active {color:#6BB864;text-decoration:none;transition: all 0.5s ease;}
a:hover {color:#559450;text-decoration:none;transition: all 0.5s ease; }
ul {margin:0px 0px 0px 20px;}
li {margin:8px 0px;}
img {max-width:100%;}


.nodesk {display:none;}
.middle {width: 1170px;margin: 0 auto;}
.middlehome {width: 1170px;margin: 0 auto;}
.homeintroh3 {color: #008000;font-size: 2.75em;line-height: 1.3em;font-style:italic;font-weight: 700;display: block;margin-bottom:80px;margin-top:50px;text-align: center;position:relative;}
.homeintroh3:after {content:''; position:absolute;  left:0; right:0;  top:100%;  margin:40px auto 10px auto; width:50px; height:2px; background:#42713E;}

.content {margin-bottom:50px}
.header img {max-height:70px;}
.header {padding:20px 0px;}
.footer {padding:30px 0px 40px 0px;background:white;}
.footsocials {float:right;}
.footsocials img {height:15px;margin:0px 5px;}

.nav ul {text-align: left;display: inline; list-style: none;}
.nav a:link {color: #5cb851;text-decoration:none}
.nav a:hover {color:#5cb851;text-decoration:underline}
.nav a:visited {color: #5cb851;text-decoration:none}

.logo {float:left; width:210px; margin-top:10px;}

#menu{float:left;margin:10px 0px 0px 0px;font-size:16px;z-index:99999;}
#menu > li{ /* Top Level */  float:left; margin-right:3px;padding: 0px 10px 20px 10px;}
#menu > li > ul{ /* Second Level */  display:none;background:#6BB864; padding:5px; }
#menu > li > ul li{padding:5px 20px 5px 10px;color:#42713e;float:none; }
#menu > li:hover > ul{ display:block; position:absolute;font-size:12pt;z-index:99999;}
#menu > li > ul li > ul{   /* Third Level & beyond */ display:none;   background:#fff;padding:5px;}
#menu > li > ul li > ul li{padding:5px 20px 5px 10px; }
#menu > li > ul li:hover > ul{  display:block;  position:absolute;  left:96%;   top:0;  width:auto;z-index:99999;}
#menu > li > ul > li ul > li{  display:block;  border-top:solid 3px #fff;  white-space:nowrap;}
.submenu {margin:0px!important;}

.headernav {float:left;width:700px!important;margin-top:20px; margin-left:20px;}
.headernav li {float:left;padding:0px 15px;list-style:none;margin:3px 0px 0px 0px;}
.headernav a {font-size:16px;color:#42713E;font-weight:600;}
.headernav a:hover {color:#6BB864;}
.submenu a:hover {color:#42713e!important;}
.navbar {background:#5B9E55;color:white;padding:15px 0px;margin:0px 0px 40px 0px; }
.navbar h1 {float:left;display:inline-block;}
.navbar a:link, .navbar a:visited {color:#C6CBD0;}
.navbar a:hover {color:#fff;}
.breadcrumb {float:right;}
.slicknav_menu {display:none;}

.countdowndate {float:right; width:208px; margin-top:13px; background-image:url('../layoutimages/tokyo-logo.png'); background-size:auto 100%; background-repeat:no-repeat; background-position:center right; padding-right:44px}
.countdowndate .countdown {color:#008000; font-weight:700; font-size:12pt;}
.countdowndate .countdown .smalltext {font-weight:400; margin-right:5px;}

.headfixedmiddle { padding:0px 20px; position: fixed; top:-400px; left:0; width: 100%;background:#fff;z-index:99999;transition: all 0.5s ease; }
.fixed { position: fixed; top:0; left:0; width: 100%;background:#fff;z-index:99999;transition: all 0.5s ease; }
.fixed .headernav {margin-top:15px;}


.content-image-float-right {float:right;display: inline-block;min-width:500px;max-width:565px; padding:0px 0px 50px 50px; font-size: 0.75em;line-height: 16px;font-style: italic;text-align: center;}
.content-image-float-right img {width:100%;margin-bottom:10px;}

.teamitem {float:left;width:48%;display:inline-block;margin:10px 1%;}
/*.teamitem:nth-child(1n) {margin-right:0%;}*/
.teamitem-left {float:left;width:40%;padding:60px 20px;background-size:cover!important;background-repeat:no-repeat!important;background-position:top center!important;}
.teamitem-right {float:right;width:60%;padding:60px 20px;min-height:300px;background-color:white;}
.teamitem .teamname {color:#424242!important;font-size:22px;font-weight:600;margin:0px 0px 10px 20px;}
.teamitem .teamtitle {margin:0px 0px 0px 20px;}
.teamitem .teamdesc {color:#424242!important;margin:10px 0px 0px 20px;}
.teamitem:hover img {opacity:0.6;}
.teamdesc h5 {display:block;margin:15px 0px;font-size:18px;font-weight:600;}

.teamitemmain-left {float:left;width:50%;}
.teamitemmain-left img {max-width:90%;}
.teamitemmain-right {float:left;width:50%;}
.teamitemtitle {font-weight:600;margin-right:20px;margin-left:20px;}
.teamitemmain-right img {vertical-align:middle;}
.teamlist {margin-bottom:10px;}
.teamitemmain-right {font-size:18px;}
#profile .teamname {font-size:30px;}
#profile .teamtitle {font-size:20px;margin:13px 0px 18px 0px;border-bottom:1px solid #5B9E55; padding-bottom:5px;}

.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #5B9E55;color:#fff!important; border: solid 1px #5B9E55; border-bottom: none;}
.tab a { font-size: 19px;color:#fff; line-height: 2em; display: block; padding: 0 20px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #5B9E55;}
.tab a.active { font-weight: bold;color:#424242;}
.tab-container .panel-container { background: #fff; border: solid #666 1px; padding: 10px;}
.tab-container div.active {border:1px solid #5B9E55;background:#fff;padding:20px;}
.tab-container li { margin: 0px 0px; }

.boardname {font-size:22px;font-weight:600;}
.boardtable {margin:20px 0px 50px 0px;width:100%;}
.boardtable tr td:nth-child(1) {width: 150px;vertical-align:top;}
.boardtable tr td:nth-child(1) img{width:100%;vertical-align:top;}
.boardtable tr td:nth-child(2) {width: auto;padding:0px 0px 0px 40px;}

.coaches .boardtable tr td:nth-child(1) {width: 250px;vertical-align:top;}
.coaches .boardtable tr td:nth-child(2) {width: auto;vertical-align:top;padding:0px 0px 0px 40px;}


.homeslide {height:600px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:top center;}
.bxslider {margin:0px!important;}
.bx-wrapper {margin:0;}

.teamitemhome {float:left;width:9%;height:180px;display:inline-block;margin:10px 1%;}
.teamitemhome-left {width:100%;height:180px;padding:0px;background-size:cover!important;background-repeat:no-repeat!important;background-position:top center!important;}

.homevideo {text-align:center;width:100%;}
.homevideo .embed-container {display:none;}

.news-image-big {height:450px;margin:15px 0px 0px 0px;width:70%;display:block;background-size:cover;background-repeat:no-repeat;background-position:top center;}
.blogitemdate {display:block;margin:15px 0px 0px 0px;color:#5B9E55;}
.readmore {display:inline-block;margin:25px 0px 0px 0px;padding:10px 40px;background:#6BB864;color:#42713E!important;border-radius:3px}
.blogimagemainbig {max-width:100%;margin:15px 0px 0px 0px;}
.backbtnnav {display:inline-block;margin:25px 0px 50px 0px;padding:10px 40px;background:#6BB864;color:#42713E!important;border-radius:3px}
.blog-main-item.blog-item-sizer {margin-bottom:80px;}


@media (max-width: 1200px) {

#menu > li {padding-left:5px; padding-right:5px;}
.headernav {width:605px!important}
.countdowndate {padding:0px; background:none; width:166px}
.middlehome {width:1000px}
}

@media (max-width: 1050px) {

.countdowndate {display:noneR}
}

/*MOBILE*/
@media (max-width: 959px) {
    .middle { width: 95%; margin: 0 2.5%; }
    .middlehome { width: 95%; margin: 0 2.5%; }
    .header { padding: 0px 0px 0px 0px; text-align: center; }
    .homeslide { height: 300px; margin-top: 20px; }
    h3 { font-size: 28px; line-height: 35px; }
    .videoplaceholder { max-width: 80%; }
    .teamitemhome { float: left; width: 18%; height: 180px; display: inline-block; margin: 10px 1%; }
    .teamitemhome-left { width: 100%; height: 180px; padding: 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: top center !important; }
    .headernav { float: right; width: 100%; margin: 10px 0px; }
    .header img { margin-top: 20px; }
    .content-image-float-right { width: 50%; min-width: initial; max-width: initial; padding: 0px 0px 20px 20px; }
    .teamitem { float: left; width: 48%; display: inline-block; margin: 10px 1%; }
    /*.teamitem:nth-child(1n) {margin-right:0%;}*/
    .teamitem-left { float: left; width: 50%; padding: 60px 20px; background-size: cover !important; background-repeat: no-repeat !important; background-position: top center !important; }
    .teamitem-right { float: right; width: 50%; padding: 60px 20px; min-height: 200px; background-color: white; }
    .teamitem .teamname { color: #424242 !important; font-size: 22px; font-weight: 600; margin: 0px 0px 10px 20px; }
    .teamitem .teamtitle { margin: 0px 0px 0px 20px; }
    .teamitem .teamdesc { color: #424242 !important; margin: 10px 0px 0px 20px; }
    .teamitem:hover img { opacity: 0.6; }
    .teamdesc h5 { display: block; margin: 15px 0px; font-size: 18px; font-weight: 600; }
    .news-image-big { height: 400px; margin: 15px 0px 0px 0px; width: 100%; }
    #menu {margin: 0px 0px 0px 0px!important;display:none;}
    .headernav li {padding: 0px 10px;}
    .slicknav_menu {display:block;position:fixed;width:100%;z-index:9999999;}
    .page_content_wrap .middle.headmiddle { padding: 60px 40px 20px 40px!important; }
    .headernav {display:none;}
    .breadcrumb {display:none;}
    .navbar { padding: 10px 0px; margin: 0px 0px 20px 0px;}
}

/*HOTFIX*/
@media (max-width: 825px) {
    .teamitem {float:left;width:100%;display:inline-block;margin:10px 0%;}
}

/*HOTFIX*/
@media (max-width: 650px) {    
.teamitemmain-left {float:left;width:100%;}
.teamitemmain-left img {max-width:90%;}
.teamitemmain-right {float:left;width:100%;}
.contactimg {float:left;width:50%;clear:both;}
.contactimgdiv {width:100%;}
.nodesk {display:block;}

}

/*SMALL MOBILE*/
@media (max-width: 450px) {
    .teamitemhome {width:23%;height:120px;margin:10px 1%;}
    .teamitemhome-left {height:120px;padding:0px;}
    .content-image-float-right {width:100%;min-width: initial;max-width:initial; padding:0px 0px 50px 0px;}
    .boardtable {margin:20px 0px 50px 0px;width:100%;}
    .boardtable tr td {display:block;width:100%;}
    .boardtable tr td:nth-child(1) {width: 100%;float:left;display:block;}
    .boardtable tr td:nth-child(1) img{width:100%;vertical-align:top;margin-bottom:20px;}
    .boardtable tr td:nth-child(2) {width: 100%;padding:0px 0px 0px 0px;}
    .teamitem {float:left;width:100%;display:inline-block;margin:10px 0%;}
    .news-image-big { height: 200px; }

.coaches .boardtable tr td:nth-child(1) {width: 100%;vertical-align:top;}
.coaches .boardtable tr td:nth-child(2) {width: auto;vertical-align:top;padding:0px 0px 0px 0px;}


}