@charset "utf-8";
/* CSS Document */
body{background-color:#ffffff; color: #1e285a}

.header{background-color:#abc3f5; padding:1em;}
.header img{max-width: 314px; width:100% ;}
.footer{background-color:#1e285a; color:#ffffff;}
.wrapper-header{max-width: 1280px; margin:0 auto; background-color:#67BA50;}
.wrapper{max-width: 1280px; margin:0 auto; background-color:#ffffff; padding:1em 0.5em;}
.wrapper .container-fluid .video-wrapper{padding:1em;}
.wrapper .container-fluid .video-wrapper img{width:100%;}
.wrapper .container-fluid .video-wrapper .blue-bg-title{background-color:#abc3f5; padding:1em; text-align: center; color:#ffffff; font-size:20px; font-weight: bold;}

#more {display: none;}

.row{margin:0;}

.navbar-header{padding: 10px; margin:0;}
.menu_tiles{margin: 0;}
.navbar-nav {flex: 0 2 500px;}
#desktop-nav {display: none;}
#mobile-nav {display: flex; font-size: 1.35em; white-space: nowrap;}
.nav-item {padding: 1em;}
.navbar-nav {flex-direction: row}
.navbar{padding: 0.5rem 0.1rem;}

.menu_space{padding: 25px;}
#navbar {display: flex;margin: 0;padding: 0;position: fixed;width: 100%;z-index: 1000;}
.menu_sty {color: #1e285a; font-weight: bold}
.menu_sty:hover,
.menu_sty:focus {color: #1e285a; text-decoration: underline;}

.sect_tit{margin: 0 auto; text-align: center;}

.con_btn{margin: 0 auto; text-align: center;padding: 5px; background-image: linear-gradient(51.31deg,#02B2E1 0,#5CB946 100%); color: white; width: 200px; border-radius: 5px; font-size: 2.5rem;}

.video-container {overflow: hidden;position: relative;width:100%;}
.video-container::after {padding-top: 56.25%;display: block;content: '';}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.more_btn{float: right}

.extra_content  {display: none;}

.show {display: block !important;
}
.tit-spa{padding: 10px 0;}
.sub_tit{font-size: 18px;}

.desk_only{display:inherit}
.mob_only{display: none}

.desk_only_pic{display:inherit;}
.mob_only_pic{display:none;}

.team_name{font-weight: bold; font-size: 1.5em}
.team_descrip{font-size: 1.3em}

@media (max-width: 1023px) {
    .wrapper-header{width:100%; margin:0 auto;}
    .wrapper{max-width:100%; margin:0 auto;}
    .wrapper .container-fluid{padding:0;}
    .wrapper .container-fluid .video-wrapper img{width:100%;}
	
}
@media (min-width: 1200px){
    .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1280px;
}
}
@media (max-width: 768px){
    .desk_only_pic{display:none}
    .mob_only_pic{display: inline;}
}
@media (max-width: 414px){
    .menu_space{padding: 15px 11px;}
    .navbar-header{padding: 10px; margin: 0 auto}
    .menu_tiles{margin: 0 auto;}
    .wrapper .container-fluid .video-wrapper .blue-bg-title{background-color:#abc3f5; padding:0.5em; text-align: center; color:#ffffff; font-size:20px; font-weight: bold;}
    .container {width: 100%; padding-left: 0px   ;padding-right: 0px; }
    .desk_only{display:none}
    .mob_only{display: inline;}
}

.menu_icon_mobile{
	display: none;
}
@media screen and (max-width: 1200px) {
	.menu_icon_mobile{
		display: block;
		width: 100px;
		height: 100px;
		display: block;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
	}
	.menu_icon {
		width: 36px;
		height: 27px;
		border-style: solid;
		border-width: 3px 0 0;
		border-color: #004380;
		position: absolute;
		top: 37px;
		right: 33px;
	}
	.menu_icon::before {
		content:"";
		bottom: 12px;
		width: 100%;
		border-style: solid;
		border-width: 3px 0 0;
		border-color: #004380;
		position: absolute;
	}
	.menu_icon::after {
		content:"";
		bottom: 0px;
		width: 100%;
		border-style: solid;
		border-width: 3px 0 0;
		border-color: #004380;
		position: absolute;
	}
}
.navbar-column {
	flex-direction: column;
	margin-top: 200px;
}
.navbar-column .menu_space {
	align-self: center;
}
#menu_tiles_mobile {
	display: none;
	z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F9FF;
}

/*result page*/
/* #menu_tiles_mobile li:nth-child(4), .menu_tiles li:nth-child(4){ 
	display: none;
} */