@font-face {
  font-family: HelveL62;
  src: 
    url(HelveL62.ttf);*/
  /*font-weight: bold;*/
/*}*/

/** {*/
    /*font:  Arial,HelveL62,Helvetica, 'sans-serif' !important;/* <-- fonts */*/
    /*font-family: "Times New Roman", Times, serif;*/
    /*font-family: Arial, Helvetica, sans-serif;*/
/*}*/
 /*body {*/
    /*color: green;*/
    /*font-family:  Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;*/
    /*font-family:"Helvetica Neue",Helvetica,Arial,STHeiti,"Microsoft JhengHei";*/
        /*font-family: Microsoft JhengHei, sans-serif !important;*/
        /*font-family: -apple-system,Microsoft JhengHei, sans-serif!important;*/
    }

  h1 {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }
  h2 {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }
  h3 {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }
  h4 {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }
  h5 {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }  
  p {
    font-family: -apple-system,Microsoft JhengHei, sans-serif!important;
  }
.mdl-layout__header {
/*    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 3;
    background-color: rgb(0,150,136);
    color: rgb(255,255,255);*/
    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);*/
/*    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-property: max-height,box-shadow;*/
}

#hoverboder :hover{
    border: solid 2px red;
   margin: 2px;
}
#hideatdesktop{
        display: block;
}
#hideatmobile{
        display: none!important;
}
#hideatmobileArrow{
        display: none;
}
#footerbottom{
        /*height: 15vh;*/
        padding-top:0.5rem!important;
        padding-bottom:0.5rem!important;
}
#footerdiv{
        margin-bottom:0.5rem!important;
}
#footerdivfont{
       font-size: 0.5rem!important;
}
#menualtext{
      font-size: 1rem
}
#joinschooltext{
      /*font-size: 83em*/
      font-size: 0.9rem ;
}

/*menu link*/
        #dividexborder1{
             border: 2px solid transparent;
            }
            #dividexborder1:hover {
              
              border: 2px solid #1e8b92;
          }

             #dividexborder2{
             border: 2px solid transparent;
            }
            #dividexborder2:hover {
              
              border: 2px solid #e47325;
          }

          #dividexborder3{
             border: 2px solid transparent;
            }
            #dividexborder3:hover {
              
              border: 2px solid #e3ab24;
          }
          
          #dividexborder4{
             border: 2px solid transparent;
            }
            #dividexborder4:hover {
              
              border: 2px solid #60b0e3;
          }

          #dividexborder5{
             border: 2px solid transparent;
            }
            #dividexborder5:hover {
              
              border: 2px solid #ed7c9a;
          }

          #dividexborder6{
             border: 2px solid transparent;
            }
            #dividexborder6:hover {
              
              border: 2px solid #80c171;
          }

           #dividexborder7{
             border: 2px solid transparent;
            }
            #dividexborder7:hover {
              
              border: 2px solid #c29578;
          }

          #dividexborder8{
             border: 2px solid transparent;
            }
            #dividexborder8:hover {
              
              border: 2px solid #bd5e66;
          }
       
/*end menu link*/

@media (min-width: 576px) {
    /*sm device*/
    #hideatdesktop{
            display: block;
    }
    #hideatmobile{
        display: none!important;
    }
    #hideatmobileArrow{
        display: none;
    }
    #menualtext{
      font-size: 1rem
    }
    #joinschooltext{
      /*font-size: 83em*/
      font-size: 0.9rem ;
    }
}
/*@media (min-width: 576px) {*/
@media (min-width: 768px) {
    /*md device*/
    #hideatdesktop{
            display: block;
    }
    #hideatmobile{
        display: none!important;
    }
    #hideatmobileArrow{
        display: none;
    }
    #footerdivfont{
       font-size: 1rem!important;
    }
    #footerbottom{
        /*height: 15vh;*/
        padding-top:1rem!important;
        padding-bottom:1rem!important;
    }
    #footerdiv{
            margin-bottom:1rem!important;
    }
    #menualtext{
      font-size: 1.2rem
    }
    #joinschooltext{
      /*font-size: 83em*/
      font-size: 1.25rem ;
    }
}
/*@media (min-width: 768px) {*/
@media (min-width: 992px) {
    /*lg device*/
    #hideatdesktop{
        display: none;
    }
    #hideatmobile{
        display: block!important;
    }
    #hideatmobileArrow{
        display: flex;
    }
    #menualtext{
      font-size: 1.2rem
    }
    #joinschooltext{
      /*font-size: 83em*/
      font-size: 1.25rem ;
    }
}
/*@media (min-width: 992px) {*/
@media (min-width: 1200px) {
    /*xl device*/
    #hideatdesktop{
        display: none;
    }
    #hideatmobile{
        display: block!important;
    }
    #hideatmobileArrow{
        display: flex;
    }
    #menualtext{
      font-size: 1.2rem
    }
    #joinschooltext{
      /*font-size: 83em*/
      font-size: 1.25rem ;
    }
}


header{
    background:#fff;
    padding:20px 0px;
}

header .logo_wrapper{
    display:table;
    width:100%;
}

header .logo_wrapper >div{
    display:table-cell;
}

.image-bg-1{
    background-image:url("../img/2022/image-bg-1.png");
    background-size:cover;
}

.image-bg-2{
    background-image:url("../img/2022/image-bg-2.png");
    /*background-position: 0% 4%;*/
    background-size:cover;
}

.image-bg-3{
    background-image:url("../img/2022/blue-bg.png");
    background-repeat: no-repeat;
}

.col-12.image-bg-2.home {
    padding: 25px 100px 15px 100px;
}

.col-12.image-bg-2.resources {
   padding: 25px 30px 15px 30px;
}

.resources_btn_group_row{
    max-width:90%;
    margin:0 auto;
}


.col-12.image-bg-3 {
    padding: 25px 100px 15px 100px;
}

a,a:hover{
    color:yellow;
}

#schoolink:hover{
    color:yellow !important;
}


.ai_lab_logo{
    padding-right:80px;
}

.poly_logo{
    padding-right:30px;
}

.speed_logo{
    padding-right:30px;
}

footer{
    padding:10px 0px;
}

.min-h680{
    min-height:680px;
}

.resources_btn_wrapper{
    padding:30px;
}

.resources_btn_wrapper img{
    max-width:150px;
}

/*
.breadcrumb_section{
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb_section .return_back{
    margin-right:15px;
}

.breadcrumb_section .return_home{
    margin-right:15px;
}*/

.breadcrumb_section{
    display:table;
    color:#0e3247;
}

.breadcrumb_section .breadcrumb_item_active{
    color:#df2f5d;
}


.breadcrumb_section >div{
   display:table-cell; 
   padding-right:15px;
}

.material.accordion{
    width:100%;
}

.material.accordion .card-body{
    color:#0e3247;
    text-align:left;
}

.material.accordion .card .collapse.light_pink_bg:nth-child(even){
     background:#fbe0e7;
}

.material.accordion .card .collapse.light_green_bg:nth-child(even){
     background:#d9efee;
}

.material.accordion .card .collapse:nth-child(odd){
    background:#fff;
}

.material.accordion .card-header.bg_pink{
    border-radius: 25px;
    position: relative;
    background-image: linear-gradient(to bottom, #df2f5d, #e4476d, #e75b7d, #eb6d8c, #ed7e9b);
    border-bottom:none;
}

.material.accordion .card-header.bg_green{
    border-radius: 25px;
    position: relative;
    background-image: linear-gradient(to bottom, #005046, #07645a, #11786e, #1a8d84, #22a29b);
    border-bottom:none;
}




.material.accordion .card.pink_bg{
    background:#fbe0e7;
}

.material.accordion .card.green_bg{
    background:#d9efee;
}

.material.accordion .card-header:before{
    content: "";
    position: absolute;
    color: black;
    left: 0px;
    top: 0px;
    width: 100%;
}

.material.accordion{
    border-radius: 25px;
}

.material.accordion.bg_pink{
    background: #fbe0e7;
}

.material.accordion .card.first{
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.material.accordion .card.last{
    
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.material.accordion .card-header:before{
    content:"";
}

.accordion>.card:not(:first-of-type) .card-header:first-child{
    border-radius:25px;
}

.resources_list_row{
    max-width:75%;
    margin:0 auto;
    margin-top:50px;
}

.team_list_row{
    max-width:85%;
    margin:0 auto;
    margin-top:50px;
}

.card-header button{
    color:#fff;
}

.material.accordion .card-body{
    padding:1rem;
}

.material.accordion .card-body{
    padding:1rem 2rem;
}

.material.accordion .card-header{
    padding: 0.75rem 2rem;
}

.material.accordion .card-body.content {
    display: flex;
    justify-content: space-between;
}

.material.accordion .card-body{
    font-size:.9rem;
}

.material.accordion.left{
    padding-right:15px;
}


.material.accordion.right{
    padding-left:15px;
}


#footerdivfont{
    font-size:.9rem !important;   
}


.green_title{
    color:#22a29b;
}

.team_ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.team_ul li{
   padding-bottom:5px;
   position:relative;
}

.font_bold{
    font-weight:bold;
}

.team_ul li::before{
   content:" - ";
   position:absolute;
   
}

.material.accordion .card{
    border:none;
}

.school_image_col{
    margin-bottom:50px;
}

.school_member_info_row .school_image_col:nth-child(odd){
   padding-right:80px;
}

.school_member_info_row .school_image_col:nth-child(even){
   padding-left:80px; 
}

.email_wrapper{
    background-image: linear-gradient(to bottom, #ff641d, #ff7c14, #ff910e, #ffa611, #ffba1d);
    max-width: 580px;
    border-radius: 20px;
    margin: 0 auto;
}

.email_wrapper >div{
    padding-top:10px;
    padding-bottom:10px;
    font-size:22px;
 }
 
 .team_breadcrumb_color{
     color:#005045;
 }
 
 .join_breadcrumb_color{
     color:#d21e00;
 }
 
 .school_breadcrumb_color{
    color:#df2f5d;
 }
 
 .contactus_breadcrumb_color{
    color:#ff641d;
 }
 
 .color_white{
     color:#fff;
 }
 
 .color_white:hover{
    color:#fff;   
 }
 
 .job_title{
     font-size:14px;
 }
 
 .show_xs{
     display:none;
 }
 
 .close_content{
     color:yellow;
 }

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
    .school_member_info_row .school_image_col:nth-child(odd){
       padding-right:15px;
    }

    .school_member_info_row .school_image_col:nth-child(even){
       padding-left:15px; 
    }  
}


@media(max-width:767px){
    header .logo_wrapper{
        display:block;
    }
    
    header .logo_wrapper >div{
        width: calc( 100% / 2 - 3px );
        display: inline-block;
        vertical-align: top;
    } 
    
    .col-12.image-bg-2.home {
        padding: 30px 10px 30px 10px;
    }
    
    .col-12.image-bg-2.resources {
        padding: 30px 10px 30px 10px;
    }
    .ai_lab_logo{
        padding-right:0px;
    }
    
    .poly_logo{
        padding-right:0px;
    }
    
    .speed_logo{
        padding-right:0px;
    }
    
    .col-12.image-bg-3 {
        padding: 30px 10px 30px 10px;
    }
    
     #navbar_container .d-flex.flex-column{
    	padding-right: 20px;
      }
    
    .navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid{
        display: flex;
        align-items: baseline;
        flex-flow: nowrap;
    }
    
    .speed_logo{
        width:125px !important;
    }
    
    .resources_btn_wrapper{
        padding:15px;
    }
    
    .resources_btn_group_row {
        max-width: 100%;
        /*margin:0px !important; */
    }
    
    .resources_list_row ,.team_list_row{
        max-width: 100%;
        margin: 0 auto;
        margin-top:30px;
    }
    
    .material.accordion.left{
        padding-right:0px;
        /*margin-bottom:30px;*/
    }
    
    .team_member_info_row  .col-12.col-lg-6{
        margin-bottom:30px;
    }
    
    .material.accordion.right{
        padding-left:0px;
    }
    
    .image-bg-2.team {
        background-image: url(../img/2022/image-bg-2.png);
        background-position: 0% 0%;
        background-size: cover;
    }
    
    .school_member_info_row .school_image_col:nth-child(odd){
       padding-right:15px;
    }
    
    .school_member_info_row .school_image_col:nth-child(even){
       padding-left:15px; 
    }
    
    h1{
        font-size:2rem !important;
    }
    
    .br_show_xs{
      display:block;   
    }
}








/*@media (min-width: 1200px) {