/* Theme Name: AMPA Education

   Theme URI: www.ampaeducation.org

   Author: KhangCongNghe

   Version: 1.0

   Description: AMPA clean website

   Text Domain: kcn

*/

@charset "utf-8";

/* # reset

---------------------------------------------------------------------------- */



html {

    scroll-behavior: smooth;

  }

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, table, th, td, form, address, pre, caption, cite, code, dfn, var {

    font-size: 100%;

    font-style: normal;

    margin: 0;

    padding: 0;

    text-decoration: none;

}

img {

    border: 0;

    vertical-align: bottom;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

caption, th {

    text-align: left;

}

ol, ul {

    list-style: none;

}

body {

    background: #fff;

    color: #5c5c5c;

    font-size: 15px;

    font-family: Calibri;

    /*font-family: 'Nunito', sans-serif;

    font-family: 'Roboto Condensed', sans-serif;*/

    line-height: normal;

    font-weight: normal;

    font-style: normal;

}

.clearfix {

    zoom: 1;

}

.clearfix:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden;

}

/* # style

---------------------------------------------------------------------------- */

.navbar .row {

    width: 100%;

}

.logo {

    max-width: 100%;

    padding: 0;

    box-sizing: border-box;

    float: left;

    background: #0e1e45;

    padding: 10px 0;

    text-align: center;

    width: 250px;

    box-sizing: border-box;

    padding-right: 15px;

}

.logo img {

    width: 150px;

}

.logo a {

    margin: 0!important;

    padding: 0!important;

}

.fixHeader .logo {

    top: 0;

}

#BB-nav.affix .logo {

}

#BB-nav.affix .logo img {

}

.h_box{

    background: #fff;

    float: right;

    width: calc(100% - 250px);

    height: 113px;

}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

    background: none;

}

.navbar-nav>li>.dropdown-menu {

    background: #dcae44;

}

#BB-nav.affix {

    position: fixed;

    top: 0px;

    -webkit-transition: top 1s ease-in;

    transition: top 1s ease-out;

}

#BB-nav {

    width: 100%;    

    background: linear-gradient(90deg, #0e1e45 50%, #fff 50%);

    z-index: 999;

    margin: 0;

    padding: 0 0 0 0;

}

.navbar-default {

    background: #fff;

    border: none;

    border-radius: 0;

    margin: 0;

    padding-bottom: 0;

}

.nav_inner {

    position: relative;

}

.menu {

    padding-left: 0;

    float: left;

}

.menu li {

    float: left;

    margin-top: 0;

    margin-left: 50px;

    padding-right: 0;

    padding-left: 0;

    position: relative;

	text-align: center;

}

.menu li a {

    display: block;

    box-sizing: border-box;

    padding: 0 8px;

    color: #303030;

    font-weight: bold;

    font-size: 18px;

    border-radius: 0px;

    text-transform: uppercase;

    line-height: 115px;

    position: relative;

}

.menu li.active a, .menu li a:hover, .menu li.current_page_item a {

    text-decoration: none;

    color: #3283c6;

}

.menu li.active a::after, .menu li a:hover::after, .menu li.current_page_item a::after {

    position: absolute;

    left: calc(50% - 5px);

    top: 0;

    display: block;

    content: "";

    background: url(images/menu_bg_top.png) no-repeat 0 0;

    width: 10px;

    height: 38px;

}

.menu li.active a::before, .menu li a:hover::before, .menu li.current_page_item a::before {

    position: absolute;

    left: calc(50% - 11px);

    bottom: 0;

    display: block;

    content: "";

    background: url(images/menu_bg_bottom.png) no-repeat 0 0;

    width: 22px;

    height: 22px;

}

.fixHeader {

    background: #adab67;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

}

.menu li .menu-sub {

    position: absolute;

    left: -50px;

    top: 52px;

    background-color: #141823;

    width: 700px;

    box-sizing: border-box;

    padding: 0;

    display: none;

}

.fixHeader .menu li .menu-sub {

    top: 42px;

}

.menu li:hover .menu-sub {

    display: block;

    padding: 15px 0;

}

.menu li .menu-sub li {

    width: 100%;

    padding: 0 10px;

    margin: 0;

    float: left;

    width: 25%;

    box-sizing: border-box;

}

.menu li .menu-sub li h3{

    border-bottom: 1px solid #adab67;

    font-size: 12px;

    font-weight: 500;

    color: #fff;

    text-align: left;

    padding-bottom: 10px;

}

.menu li .menu-sub li ul li{

    float: none;

    padding: 0;

    width: 100%;

    text-align: left;

    text-transform: none;

    margin-top: 10px;

}

.menu li .menu-sub li ul li a{

    color: #BABABA;

    font-size: 12px;

    font-weight: 500;

    text-transform: none;

}

.menu li .menu-sub li ul li a:hover{    

    color: #D8DE50;

}

.h_search{

    position: absolute;

    right: 0;

    top: 35px;

    border-left: 1px solid #a0e5ff;

    padding-left: 20px;

}

.h_language{    

    position: absolute;

    right: 20px;

    top: 35px;

}

.h_language a{

    display: inline-block;

    margin-right: 10px;

    opacity: 0.62;

}

.h_language a.active{

    opacity: 1;

}

.h_sponsor{

    position: absolute;

    right: 153px;

    top: 28px;

}

.h_sponsor a{

    background: #5276a2;

    display: inline-block;

    border-radius: 5px;

    padding: 0 15px;

    line-height: 50px;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    text-decoration: none;

    vertical-align: middle;

}

.h_sponsor a img{

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

}

.h_sponsor a:hover{

    background: #0e1e45;

}

.banner {

    min-height: 70vh;

}

.banner_slide_item{

    min-height: 70vh;

    background-size: cover!important;

    display: flex;

    justify-self: start;

    align-items: center;

}

.banner_slide_item h2{

    color: #000000;

    font-size: 50px;

    position: relative;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: bold;

    text-align: center;

}

.banner_slide_item h2::before{

    position: absolute;

    left: 0;

    top: -15px;

    display: block;

    content: "";

    background: url(images/home_banner_quote_left.png) no-repeat 0 0;

    background-size: 30px;

    width: 30px;

    height: 47px;

}

.banner_slide_item h2::after{

    position: absolute;

    right: 0;

    bottom: -15px;

    display: block;

    content: "";

    background: url(images/home_banner_quote_right.png) no-repeat 0 0;

    background-size: 30px;

    width: 30px;

    height: 47px;

}

.banner_slide_item p{

    text-align: center;

    margin-top: 30px;

}

.banner_slide_item p a{

    display: inline-block;

    background: #0e1e45;

    border-radius: 5px;

    color:  #fff;

    text-decoration: none;

    line-height: 50px;

    padding: 0 30px;

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: bold;

    font-size: 15px;

}

.banner_slide_item p a:hover{

    background-color: #5276a2;

}

.banner_slide{

    position: relative;

}

.banner_slide .owl-prev{

    background: url(images/home_banner_prev.png) no-repeat 0 0!important;

    background-size: 40px!important;

    width: 40px;

    height: 40px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    left: 2%;

    top: 48%;

    text-indent: -9999px;

}



.banner_slide .owl-next{

    background: url(images/home_banner_next.png) no-repeat 0 0!important;

    background-size: 40px!important;

    width: 40px;

    height: 40px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    right: 2%;

    top: 48%;

    text-indent: -9999px;

}

.banner_slide  .owl-dots{

    position: absolute;

    left: 0;

    bottom: 15px;

    z-index: 100;

    text-align: center;

    width: 100%;

}

.banner_slide  .owl-dots .owl-dot{

    display: inline-block;

    margin: 0 2px;

    opacity: 0.5;

    outline: none;

    background: none;

}

.banner_slide  .owl-dots .owl-dot.active{

    opacity: 1;

    background-color: none;

}

.banner_slide  .owl-dots .owl-dot span{

    background: url(images/home_banner_dot.png) no-repeat 0 0;

    background-size: 12px;

    width: 12px;

    height: 12px;

    display: block;

}

.copy_right{

    text-align: center;

    background: #161616;

    color: #616262;

    padding: 25px 15px;

}

.scrolltop {

    position: fixed;

    right: 15px;

    bottom: 27px;

}

.scrolltop a {

    display: none;

}

.f_logo{

    text-align: left;

}

.f_logo img{

    max-width: 100%;

}

.footer{

    background: #0e1e45;

    padding: 70px 0;

    font-family: 'Lato', sans-serif;

}

.f_news{

    margin-top: 25px;

}

.f_news h3{

    float: left;

    color: #fff;

    font-family: 'Lato', sans-serif;

    font-size: 15px;

    text-transform: uppercase;

    width: 150px;

    padding-top: 17px;

}

.f_news_form{

    float: right;

    width: calc(100% - 150px);

}

.f_news_form input{

    border: none;

    background: #fff;

    width: 100%;

    height: 50px;

    line-height: 50px;

    outline: none;

    box-sizing: border-box;

    padding: 0 15px;

    font-size: 15px;

    color: #929292;

    float: left;

    width: calc(100% - 150px) !important;

}

.f_news_form .wpcf7-submit{    

    background: #5175a1 !important;

    border: none !important;

    border-radius: 0!important;

    color: #fff !important;

    font-size: 15px !important;

    line-height: 50px !important;

    cursor: pointer !important;

    outline: none !important;

    height: 50px !important; 

    width: 150px !important;

    text-align: left !important;

    padding: 0 !important;

    text-align: center !important;

    float: right !important;

    text-transform: uppercase !important;

}

.f_news_form .wpcf7-submit:hover{

    background: #152c64;

}

.f_link{

    margin-top: 30px;

    overflow: hidden;

}

.f_link h3{

    text-transform: uppercase;

    color: #fff;

    font-family: 'Lato', sans-serif;

    font-size: 15px;

    position: relative;

}

.f_link h3::after{

    position: absolute;

    left: 90px;

    top: 8px;

    display: block;

    content: "";

    background: url(images/f_bg_sh.png) no-repeat 0 0;

    width: 100%;

    height: 1px;

}

.f_link ul li{

    background: url(images/f_ico_plus.png) no-repeat 0 6px;

    padding-left: 15px;

    margin-top: 15px;

}

.f_link ul li a{

    color: #fff;

    font-family: 'Lato', sans-serif;

    font-size: 15px;

}

.f_form{

    margin-top: 15px;

}

.f_form input{

    border: 1px solid #57627d;

    background: none;

    width: 100%;

    height: 45px;

    line-height: 45px;

    outline: none;

    box-sizing: border-box;

    padding: 0 15px;

    font-size: 15px;

    color: #929292;

    width: 100%;

    margin-top: 15px;

}

.f_form textarea{

    border: 1px solid #57627d;

    background: none;

    width: 100%;

    height: 145px;

    line-height: normal;

    outline: none;

    box-sizing: border-box;

    padding: 10px 15px;

    font-size: 15px;

    color: #929292;

    width: 100%;

    margin-top: 15px;

    overflow: auto;

    resize: none;

}

.f_form button{    

    

}



.f_form .wpcf7-submit {

    background: #5175a1 !important;

    border: none !important;

    border-radius: 0 !important;

    color: #fff !important;

    font-size: 15px !important;

    line-height: 40px !important;

    cursor: pointer !important;

    outline: none !important;

    height: 40px !important;

    width: 100px !important;

    text-align: left !important;

    padding: 0 !important;

    text-align: center !important;

    margin-top: 15px !important;

    text-transform: uppercase !important;

}





.f_form button:hover{

   

}

.logo-content-ee {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}


.logo-content-ee img {
    width: 300px;
}
.f_form .wpcf7-submit:hover{

    background: #152c64;

}



.f_contact{

    margin-top: 30px;

    overflow: hidden;

}

.f_contact h3{

    text-transform: uppercase;

    color: #fff;

    font-family: 'Lato', sans-serif;

    font-size: 15px;

    position: relative;

}

.f_contact h3::after{

    position: absolute;

    left: 70px;

    top: 8px;

    display: block;

    content: "";

    background: url(images/f_bg_sh.png) no-repeat 0 0;

    width: 100%;

    height: 1px;

}

.f_mail{

    margin-top: 30px;

    background: url(images/f_ico_mail.png) no-repeat 0 0;

    padding: 0 0 15px 35px;

    border-bottom: dashed 1px #fff;

}

.f_mail a{

    color: #fff;

}

.f_phone{

    margin-top: 15px;

    background: url(images/f_ico_phone.png) no-repeat 0 0;

    padding: 0 0 15px 35px;

    border-bottom: dashed 1px #fff;

    color: #fff;

}

.f_add{

    margin-top: 15px;

    background: url(images/f_ico_add.png) no-repeat 0 0;

    padding: 0 0 15px 35px;

    border-bottom: dashed 1px #fff;

    color: #fff;

}



.f_facebook{

    margin-top: 15px;

    background: url(images/fb-icon.png) no-repeat 0 0;

    padding: 0 0 1px 35px;

    color: #fff;

}



.f_facebook a {

    color: #fff;

}



.f_facebook a:hover {

    color: #5175a1;

}





.f_social{

    margin: 15px 0 0 35px;

}

.f_social a{

    display: inline-block;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    text-align: center;

    box-sizing: border-box;

    padding-top: 5px;

}

.f_social a:hover{

    background: #5175a1;

}



.page_not_found {

    text-align: center;

    margin: 0px auto;

   

}



.page_not_found h1 {

    font-size: 80px;

    color: #3283c6;

    text-align: center;

    display: block;

}



.page_not_found p {

    font-size: 20px;

    text-align: center;

   margin-bottom: 20px;

}



.page_not_found .wrapper {

    padding: 120px 0px;

}





.about_us{

    background-color: #fff;

    padding: 50px 0;

}

.mh_ttl h2{

    text-align: center;

    color: #101d43;

    font-weight: bold;

    font-size: 34px;

    text-transform: uppercase;

    background: url(images/bg_mh.png) no-repeat center 0;

    padding-top: 50px;

}



.mh_ttl p {

    font-size: 16px;

    text-align: center;

    max-width: 724px;

    margin: 30px auto;

    line-height: 24px;



}



.card-overlay {

    background: rgba(0, 0, 0, 0.5);

    padding: 90px 0px;

  }



.about_us_info{

    text-align: center;

}

.about_us_info h3{

    font-size: 16px;

    color: #424242;

    font-weight: bold;

    margin: 20px auto 0;

    max-width: 450px;

}

.about_us_info p{

    font-size: 16px;

    color: #5c5c5c;

    margin: 20px auto 0;

    max-width: 690px;

}

.about_us_btn{

    text-align: center;

    margin-top: 30px;

}

.about_us_btn a{

    display: inline-block;

    font-family: 'Nunito', sans-serif;

    font-weight: bold;

    font-size: 15px;

    color: #121212;

    text-decoration: none;

    border: 1px solid #00adef;

    border-radius: 5px;

    line-height: 40px;

    padding: 0 40px;

    text-transform: uppercase;

}

.about_us_btn a:hover{

    color: #101d43;

    border: 1px solid #101d43;

}

.about_us_02{

    background: #5175a1;

    padding: 50px 0 200px 0;

}

.about_us_02 ul{

    margin: 0 auto;

    max-width: 830px;

    text-align: center;

}

.about_us_02 ul li{

    display: inline-block;

    width: 30%;

    text-align: center;

}

.about_us_02 ul li img{

    max-width: 100%;

}

.about_us_02 ul li span{

    display: block;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

    margin-top: 20px;

}

.about_us_video{

    background: #e6f8ff;

}

.about_video{

    margin: -180px auto 0;

    max-width: 830px;

}

.about_video img{

    width: 100%;

}





.donate-box {

    margin-top: 30px;

}







.home_news{

    padding: 70px 0;

}

.home_news_l,

.home_news_r{

    margin-top: 40px;

}

.home_news_l_img{

    position: relative;

}

.home_news_l_img img{

    width: 100%;

}

.home_news_l_img span{

    position: absolute;

    left: 0;

    bottom: 0;

    background: #14468c;

    display: inline-block;

    padding: 15px 0;

    width: 68px;

    text-align: center;

}

.home_news_l_img span img{

    width: 40px;

}

.home_news_l_date{

    float: left;

    width: 68px;

    background: #0d2f5d;

    text-align: center;

    color: #fff;

    padding: 60px 0;

}

.home_news_l_date h3{

    text-transform: uppercase;

    font-size: 12px;

}

.home_news_l_date h2{

    font-weight: bold;

    font-size: 35px;

}

.home_news_l_cnt{

    float: right;

    width: calc(100% - 85px);

}

.home_news_l_cnt h3 {

    margin-top: 10px;

}

.home_news_l_cnt h3 a{

    color: #333333;

    font-size: 22px;

    font-weight: bold;

    text-decoration: none;

}

.home_news_l_cnt h3 a:hover{

    color: #14468c;

}

.home_news_l_cnt p {

    margin-top: 15px;

    color: #333333;

    font-size: 16px;

    text-align: justify;

}

.home_news_l_cnt p a{

    display: inline-block;

    margin-top: 10px;

    font-weight: bold;

    color: #14468c;

    font-size: 16px;

    position: relative;

    text-decoration: none;

}

.home_news_l_cnt p a::after{

    position: absolute;

    left: 55px;

    top: 9px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.home_news_l_cnt p a:hover{

    color: #333;

}

.home_news_r_info{

    margin-bottom: 20px;

}

.home_news_r_date{

    float: left;

    width: 68px;

    background: #0d2f5d;

    text-align: center;

    color: #fff;

}



.home_news_r_date p{

    background: #14468c;

    display: inline-block;

    padding: 15px 0;

    width: 68px;

    text-align: center;

}

.home_news_r_date h3{

    text-transform: uppercase;

    font-size: 12px;

    padding-top: 10px;

}

.home_news_r_date h2{

    font-weight: bold;

    font-size: 35px;

    padding-bottom: 5px;

}

.home_news_r_cnt{

    float: right;

    width: calc(100% - 85px);

}

.home_news_r_cnt h3 {

    margin-top: 0;

}

.home_news_r_cnt h3 a{

    color: #333333;

    font-size: 16px;

    font-weight: bold;

    text-decoration: none;

}

.home_news_r_cnt h3 a:hover{

    color: #14468c;

}

.home_news_r_cnt p {

    margin-top: 10px;

    color: #333333;

    font-size: 16px;

    text-align: justify;

}

.home_news_r_cnt p a{

    display: inline-block;

    margin-top: 5px;

    font-weight: bold;

    color: #14468c;

    font-size: 16px;

    position: relative;

    text-decoration: none;

}

.home_news_r_cnt p a::after{

    position: absolute;

    left: 55px;

    top: 9px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.home_news_r_cnt p a:hover{

    color: #333;

}

.home_project{

    background: #e6f8ff;

    padding-top: 40px;

}

.home_project_slide{

    margin-top: 50px;

}

.home_project_slide .owl-dots{

    display: none;

}

.home_project_item{

    background-size: cover!important;

    padding: 20px;

}

.home_project_item:hover{

    background-image: none!important;

}

.home_project_item_number{

    margin: 0 auto;

    width: 50px;

    height: 50px;

    margin-top: 20px;

}

.home_project_item_number p{

    display: none;

    background-color: #5175a1;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    width: 50px;

    height: 50px;

}

.home_project_item:hover .home_project_item_number p{

    display: block;

}

.home_project_item_img{

    text-align: center;

    margin-top: 10px;

}

.home_project_item_img img{

    max-width: 150px;

    display: inline!important;

}

.home_project_item_cnt{

    min-height: 250px;

}

.home_project_item_cnt h3{

    background: url(images/home_project_line.png) no-repeat center top;

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    padding-top: 20px;

    margin-top: 20px;

    display: none;

}

.home_project_item_cnt p{

    text-align: center;

    color: #fff;

    margin-top: 20px;

    display: none;

}

.home_project_item:hover .home_project_item_cnt h3,

.home_project_item:hover .home_project_item_cnt p{

    display: block;

}

.home_project_item_ttl{

    background: url(images/home_project_line.png) no-repeat center top;

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    padding-top: 20px;

    margin-top: 20px;

    min-height: 90px;

}

.home_project_item:hover .home_project_item_ttl{

    display: none;

}

.home_project_item_btn{

    margin-top: 20px;

    text-align: center;

    display: none;

    min-height: 70px;

}

.home_project_item:hover .home_project_item_btn{

    display: block;

}

.home_project_item_btn a{

    display: inline-block;

    border: 1px solid #465c7a;

    border-radius: 5px;

    line-height: 45px;

    padding: 0 40px;

    color: #fff;

    font-size: 15px;

    text-transform: uppercase;

}

.home_action{

    padding: 70px 0;

}

.home_action_intro{

    margin: 15px auto 0;

    font-size: 16px;

    color: #424242;

    max-width: 600px;

    text-align: center;

}

.home_action_slide_item{

    border: 1px solid #00adef;

    border-radius: 5px;

    padding: 20px;

}

.home_action_slide_item p{

    text-align: center;

}

.home_action_slide_item p img{

    width: 80%;

    max-width: 150px;

    display: inline!important;

}

.home_action_slide_item h3{

    text-align: center;

    margin-top: 20px;

    color: #121212;

    font-weight: bold;

    font-family: 'Nunito', sans-serif;

    text-transform: uppercase;

}

.home_action_slide{

    margin-top: 50px;

    position: relative;

    padding: 0 50px 50px;

}



.home_action_slide .owl-prev{

    background: #f2f2f2 url(images/home_action_prev.png) no-repeat center center!important;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-indent: -9999px;

    cursor: pointer!important;

    outline: none;

    display: block;

    position: absolute;

    left: -50px;

    top: calc(50% - 15px);

    z-index: 100;

}

.home_action_slide .owl-prev:hover{

    background: #5175a1 url(images/home_action_prev.png) no-repeat center center!important;

}

.home_action_slide .owl-next{

    background: #f2f2f2 url(images/home_action_next.png) no-repeat center center!important;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-indent: -9999px;

    cursor: pointer!important;

    outline: none;

    display: block;

    position: absolute;

    right: -50px;

    top: calc(50% - 15px);

    z-index: 100;

}

.home_action_slide .owl-dots{

    display: none;

}

.home_action_slide .owl-next:hover{

    background: #5175a1 url(images/home_action_next.png) no-repeat center center!important;

}

.home_action_sponsor{

    margin-top: 50px;

    background: #1b2a54;

    border-radius: 5px;

    padding: 20px;

    color: #fff;

}

.home_action_sponsor.home_action_sponsor_center{

    margin-top: 0;

    background: #0e1e45;

}



.home_action_sponsor h3{

    background: url(images/home_project_line.png) no-repeat center bottom;

    text-align: center;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.home_action_sponsor_cnt{

    text-align: center;

    padding: 0 20px;

    min-height: 200px;

}



.home_action_sponsor_cnt p {

    font-size: 16px;

    text-align: center;

}



.home_action_sponsor.home_action_sponsor_center .home_action_sponsor_cnt{

    min-height: 300px;

}

.home_action_sponsor_btn{

    margin-top: 20px;

    text-align: center;

}

.home_action_sponsor_btn a{

    display: block;

    background: #5175a1;

    color: #fff;

    text-transform: uppercase;

    line-height: 50px;

    border-radius: 5px;

    font-size: 16px;

}

.home_og{

    background: url(images/home_bg_og.png) no-repeat center center;

    background-size: cover;

    padding: 70px 0 100px;

}

.home_og h2{

    text-align: center;

    font-weight: bold;

    color: #fff;

    margin: 0 auto;

    max-width: 480px;

    font-size: 34px;

    text-transform: uppercase;

}

.home_og_item{

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 50px;

}

.home_og_item p img{

    width: 60px;

}

.home_og_item div{

    padding-left: 10px;

    font-weight: bold;

    font-size: 12px;

}

.home_og_item div h3{

    font-size: 34px;

    font-weight: bold;

}

.home_og_lst{

    margin:  50px auto 0;

    max-width: 1480px;

}

.home_og_lst ul li{

    float: left;

    width: 12.5%;

    box-sizing: border-box;

    border: 1px solid #e2e2e2;

}

.home_og_lst ul li img{

    width: 100%;

    -webkit-transform: scale(1);

	transform: scale(1);

	-webkit-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}



.home_og_lst ul li img:hover{

    -webkit-transform: scale(1.1);

	transform: scale(1.1);

}



.home_event{

    padding-top: 70px;

}

#sync1 .item {

    background: #0e1e45;

    padding: 0px;

    color: #FFF;

  }

  #sync2 .item {

    padding: 0px;

    margin: 5px;

    color: #FFF;

    text-align: center;

    cursor: pointer;

  }

  #sync2 .item img{

      width: 100%;

  }

  #sync2 .current .item {

    position: relative;

  }

  #sync2 .current .item::after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    display: block;

    background: rgba(14, 30, 69, 0.7);

    z-index: 10;

  }

  #sync1.owl-theme .owl-next,

  #sync1.owl-theme .owl-prev {

   display: none;

  }

  #sync1 .owl-nav,

  #sync1 .owl-dots{

      display: none;

  }

  #sync2 .owl-dots{

    display: none;

}

#sync1{

    margin-top: 50px;

}

.event_item_l{

    float: left;

    width: 50%;

}

.event_item_cnt{

    float: right;

    width: 550px;

    box-sizing: border-box;

}

.event_item_cnt{

    margin-top: 50px;

}

.event_item_cnt h3{

    color: #00adef;

    font-family: 'Lato', sans-serif;

    text-transform: uppercase;

}

.event_item_cnt h2{

    font-size: 34px;

    margin-top: 15px;

}

.event_item_add{

    margin-top: 20px;

    background: url(images/home_event_add.png) no-repeat 0 0;

    padding: 0 0 3px 20px;

}

.event_item_time{

    margin-top: 20px;

}

.event_item_time ul li{

    display: inline-block;

    background: #465c7a;

    padding: 15px;

    width: auto;

}

.event_item_time ul li h3{

    color: #fff;

    font-weight: bold;

    font-family: 'Lato', sans-serif;

    font-size: 25px;

    letter-spacing: 4px;

}

.event_item_time ul li h4{

    text-transform: uppercase;

    font-family: 'Lato', sans-serif;

    font-size: 12px;

}

.event_item_btn{

    margin-top: 40px;

}

.event_item_btn a{

    display: inline-block;

    background-color: #912020;

    line-height: 40px;

    border-radius: 5px;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Lato', sans-serif;

    font-size: 12px;    

    font-weight: bold;

    padding: 0 30px;

}

.event_item_r{

    float: right;

    width: 50%;

    background-size: cover!important;

    min-height: 550px;

}

.home_event_slide02_inner{

    background: #fff;

    border-radius: 5px;

    padding: 10px 30px;

    margin-top: -100px;

    z-index: 1000;

    position: relative;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);

    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);

    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);

}

.home_event_slide02_inner .owl-prev{

    background: url(images/home_event_prev.png) no-repeat 0 0!important;

    background-size: 19px!important;

    width: 19px;

    height: 36px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    left: -20px;

    top: 40%;

    text-indent: -9999px;

}

.home_event_slide02_inner .owl-next{

    background: url(images/home_event_next.png) no-repeat 0 0!important;

    background-size: 19px!important;

    width: 19px;

    height: 36px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    right: -20px;

    top: 40%;

    text-indent: -9999px;

}

.home_comment{

    background: #5175a1;

    padding: 50px 0;

}

.home_comment h2{

    color: #fff;

    font-weight: bold;

    font-size: 28px;

    font-family: 'Roboto Condensed', sans-serif;

    position: relative;

}

.home_comment h2::after{

    position: absolute;

    left: -120px;

    top: 15px;

    content: "";

    display: block;

    width: 100px;

    height: 1px;

    background: #fff;



}

#sync3 .item {

    padding: 0px;

    color: #FFF;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 16px;

    font-weight: 400;

    background: url(images/home_comment_ico02.png) no-repeat 0 0;

    padding-left: 20px;

    padding-top: 10px;

    line-height: 24px;

  }



#sync3 .item img{

    width: auto!important;

    display: inline-block!important;

    vertical-align: middle;

    margin-left: 5px;

}



  #sync4 .item {

    margin: 5px;

    color: #FFF;

    cursor: pointer;

  }

  #sync4 .item h1 {

    font-size: 16px;

  }

  #sync4 .current .item .home_comment_item .home_comment_img img{

      opacity: 1;

  }

  .home_comment_item .home_comment_img{

      position: relative;

  }

  .home_comment_item .home_comment_img::after{

    position: absolute;

    left: 60px;

    bottom: 0;

    display: block;

    content: "";

    background: url(images/home_comment_ico01.png) no-repeat 0 0;

    width: 37px;

    height: 37px;

  }

  .home_comment_item .home_comment_img img{

      max-width: 90px!important;

      opacity: 0.5;

  }

  .home_comment_item h3{

    color: #FFF;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 15px;

    margin-top: 10px;

  }

  .home_comment_item h4{

    color: #FFF;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 10px;

    text-transform: uppercase;

    margin-top: 5px;

  }

  .home_comment_l{

    margin-top: 50px;

}



  .home_comment_r{

      margin-top: 50px;

      position: relative;

  }



  .home_comment_r  .owl-dots{

    position: absolute;

    right: 0;

    top: -75px;

    z-index: 100;

    text-align: center;

}

.home_comment_r  .owl-dots .owl-dot{

    display: inline-block;

    margin: 0 2px;

    opacity: 0.5;

    outline: none;

    background: none;

}

.home_comment_r  .owl-dots .owl-dot.active{

    opacity: 1;

    background-color: none;

}

.home_comment_r  .owl-dots .owl-dot span{

    background: url(images/home_comment_ico_dot.png) no-repeat 0 0;

    background-size: 12px;

    width: 12px;

    height: 12px;

    display: block;

}

.banner-content{

    background-size: cover!important;

   

}

.banner-content h2{

    text-align: center;

    font-weight: bold;

    font-size: 40px;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 20px;

}

.banner-content h2::after{

    position: absolute;

    left: calc(50% - 125px);

    bottom: 0;

    display: block;

    content: "";

    background: #fff;

    width: 250px;

    height: 1px;

}

.path{

    margin-top: 30px;

    text-align: center;

}

.path p{

    display: inline;

    background: #5276a2;

    padding: 10px 30px;

    color: #fff;

    font-size: 16px;

}

.path p a{

    color: #fff;

}

.share{

    padding: 70px 0;

}

.share_item{

    margin-top: 30px;

    background: #1b2a54;

    border-radius: 5px;

    padding: 30px 50px;

}

.share_item p{

    text-align: center;

}

.share_item h3{

    text-align: center;

    margin-top: 30px;

    color: #fff;

    font-weight: bold;

    font-size: 24px;

    background: url(images/home_project_line.png) no-repeat center bottom;

    padding-bottom: 20px;

}

.share_item ul li{

    margin-top: 20px;

    color: #fff;

    font-size: 16px;

}

.home_og.share_og{

    background: url(images/shear_partners.png) no-repeat center center;

}

.home_og.share_og h2{

    text-align: center;

    font-weight: bold;

    font-size: 40px;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 20px;

}

.home_og.share_og h2::after{

    position: absolute;

    left: calc(50% - 125px);

    bottom: 0;

    display: block;

    content: "";

    background: #fff;

    width: 250px;

    height: 1px;

}

.share_og_txt{

    margin: 0 auto 0;

    max-width: 760px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}

.share_og_txt p{

    margin-top: 25px;

}

.share_og_txt p img{

    display: inline-block;

    margin-right: 10px;

    width: 25px;

}

.share_og_txt p a{

    color: #fff;

    font-size: 22px;

    font-weight: bold;

}



.share_og_btn{

    text-align: center;

    margin-top: 50px;

}

.share_og_btn a{

    background: #5276a2;

    display: inline-block;

    border-radius: 5px;

    padding: 0 15px;

    line-height: 50px;

    color: #fff;

    font-weight: bold;

    font-size: 16px;

    text-transform: uppercase;

    text-decoration: none;

    vertical-align: middle;

}

.share_og_btn a img{

    display: inline-block;

    vertical-align: middle;

    margin-left: 10px;

}

.share_og_btn a:hover{

    background: #0e1e45;

}

.share_ctv{

    padding: 70px 0;

}

.share_ctv_txt{

    margin: 20px auto;

    max-width: 769px;

    text-align: center;

    font-size: 16px;

    color: #5c5c5c;

}

.ctv_in{

    margin-top: 15px;

}

.ctv_in input{   

    border: 1px solid #b4c4d7;

    background: none;

    border-radius: 5px;

    width: 100%;

    height: 60px;

    line-height: 60px;

    outline: none;

    box-sizing: border-box;

    padding: 0 15px;

    font-size: 16px;

    color: #929292;

    width: 100%;

}

.ctv_in textarea{    

    border: 1px solid #b4c4d7;

    background: none;

    border-radius: 5px;

    width: 100%;

    height: 145px;

    line-height: normal;

    outline: none;

    box-sizing: border-box;

    padding: 10px 15px;

    font-size: 16px;

    color: #929292;

    width: 100%;

    overflow: auto;

    resize: none;

}



.ctv_in .wpcf7-submit {

    background: #0e1e45;

    border: none;

    border-radius: 5px;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    line-height: 70px;

    cursor: pointer;

    outline: none;

    height: 70px;

    width: 200px;

    text-align: left;

    padding: 0;

    text-align: center;

    margin-top: 20px;

    text-transform: uppercase;

    margin-left: calc(50% - 100px);

}



.ctv_in .wpcf7-submit:hover{

    background: #5276a2;

}



/* 

.ctv_in button{

    background: #0e1e45;

    border: none;

    border-radius: 5px;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    line-height: 70px;

    cursor: pointer;

    outline: none;

    height: 70px;

    width: 200px;

    text-align: left;

    padding: 0;

    text-align: center;

    margin-top: 20px;

    text-transform: uppercase;

    margin-left: calc(50% - 100px);

} */

/* .ctv_in button:hover{

    background: #5276a2;

} */

.project_og{

    background: #5276a2;

    padding: 0 0 60px 0;

}

.project_og .share_og_btn a{

    background: #0e1e45;

}

.project_og .share_og_btn a:hover{

    background: #132a61;

}

.project{

    padding: 70px 0;

}



.mikoiop_lst {

    padding-bottom: 30px;

    padding-top: 30px;

}

.mikoiop_line {

    position: relative;

    margin-top: 30px;

}

.mikoiop_info {

    float: right;

    width: 50%;

    background: #ebf7ff;

    box-sizing: border-box;

    padding: 0;

    color: #313131;

    min-height: 378px;

}

.mikoiop_info h3 a {

    font-weight: 700;

    text-decoration: none;

    color: #01342c;

    font-size: 30px;

}

.mikoiop_info p {

    margin-top: 20px;

}

.mikoiop_info p a {

    float: right;

    background: url("https://ampaeducation.org/wp-content/themes/ampa/images/btn_arrow.png") no-repeat right 0;

    color: #9b995c;

    background-size: 28px;

    line-height: 28px;

    padding-right: 40px;

    display: inline-block;

}

.mikoiop_img {

    position: absolute;

    left: 0;

    top: 0;

    width: 50%;

}



.mikoiop_img p{

    position: absolute;

    left: 20px;

    top: 15px;

    background-color: #5276a2;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    width: 50px;

    height: 50px;

}

.mikoiop_img img {

    width: 100%;

}

.mikoiop_line:nth-child(2n) .mikoiop_img {

    left: inherit;

    right: 0;

}

.mikoiop_line:nth-child(2n) .mikoiop_img p{

    position: absolute;

    right: 20px;

    left: inherit;

    top: 15px;

    background-color: #5276a2;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    width: 50px;

    height: 50px;

}

.mikoiop_line:nth-child(2n) .mikoiop_info {

    float: left;

    background: #f4f4f4;

}

.account {

    padding: 70px 0 0;

}

.pro_tll{

    position: relative;

    min-height: 100px;

}

.pro_tll p{

    width: 100px;

    background: #0e1e45;

    text-align: center;

    margin: 0;

    padding: 20px 0;

    position: absolute;

    left: 0;

    top: 0;

}

.pro_tll p img{

    width: 80px;

}

.mikoiop_line:nth-child(2n) .pro_tll p{

    left: inherit;

    right: 0px;

}

.pro_tll h3{

    width: calc(100% - 115px);

    color: #0e1e45;

    font-weight: bold;

    font-size: 24px;

    padding-right: 15px;

    float: right;

    display: flex;

    align-items: center;

    min-height: 100px;

    text-transform: uppercase;

}

.mikoiop_line:nth-child(2n) .pro_tll h3{

    float: left;

    padding-right: 0;

    padding-left: 15px;

}

.pro_cnt{

    padding: 30px;

}

.pro_cnt p{

    margin: 0;

    color: #313131;

    font-size: 16px;

}

.pro_cnt_btn{

    margin-top: 20px;

    text-align: right;

    padding-right: 55px;

}

.pro_cnt_btn a{

    display: inline-block;

    margin-top: 5px;

    font-weight: bold;

    color: #14468c;

    font-size: 16px;

    position: relative;

}

.pro_cnt_btn a::after {

    position: absolute;

    left: 80px;

    top: 9px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.d_pro_top{

    background: #ebf7ff;

    padding: 70px 0 220px 0;

}

.d_pro_top .mh_ttl h3{

    background-color: #5276a2;

    color: #fff;

    font-weight: bold;

    font-size: 30px;

    text-align: center;

    line-height: 50px;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    margin: 10px auto 0;

}

.d_pro_slide{

    margin-top: 40px;

    padding: 0 40px;

    position: relative;

}

.d_pro_slide_item img{

    width: 100%;

}



.d_pro_slide .owl-prev{

    background: url(images/home_event_prev.png) no-repeat 0 center!important;

    background-size: 15px!important;

    width: 30px;

    height: 30px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    left: -30px;

    top: calc(50% - 15px);

    text-indent: -9999px;

}



.d_pro_slide .owl-next{

    background: url(images/home_event_next.png) no-repeat right center!important;

    background-size: 15px!important;

    width: 30px;

    height: 30px;

    display: block;

    outline: none;

    cursor: pointer!important;

    position: absolute;

    right: -30px;

    top: calc(50% - 15px);

    text-indent: -9999px;

}

.d_pro_slide  .owl-dots{

    display: none;

}

.d_pro_video {

    margin: -150px auto 0;

    max-width: 830px;

}

.d_pro_video img {

    width: 100%;

}

.d_pro_img{

    margin-top: 30px;

    text-align: center;

}

.d_pro_img img{

    max-width: 100%;

}

.d_pro_content h3{

    color: #101d43;

    font-weight: bold;

    font-size: 30px;

    margin-top: 50px;

}

.d_pro_content p{

    margin-top: 20px;

    color: #313131;

    font-size: 16px;

}



.d_pro_cnt{

    padding-bottom: 70px;

}

.d_social{

    margin-top: 50px;

    position: relative;

    overflow: hidden;

}

.d_social a{

    display: inline-block;

    margin-right: 10px;

}

.d_social a img{

    width: 50px;

}

.d_social::after{

    position: absolute;

    left: 125px;

    top: 24px;

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    background: #5276a2;

}



.contact{

    padding: 70px 0;

}





.map_box {

    width: 100%;

    height: auto;

    max-height: 500px;

    margin: 0px auto;

    display: block;

    line-height: 0;

}



/* 

.file_wrapper {

    border-color: #b4c4d7;

}





.wpcf7 input[type="file"] {

    opacity: 0;

    width: 100%;

    border-radius: 0;

    height: 55px;

    background-color: transparent;

    outline: none;

    padding: 0 20px;

    position: relative;

    border-color: #b4c4d7;



}







.file_wrapper label  {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    cursor: pointer;

    margin-bottom: 0;

    display: block;

    width: 100%;

    background-repeat: no-repeat;

    line-height: 1;

    background-position: center right 20px;

    padding: 0 20px;

    font-size: 16px;

} */



.contact_form h2{

    color: #131d3b;

    font-weight: bold;

    font-size: 30px;

    text-transform: uppercase;

    padding-bottom: 10px;

}

.contact_form button{

    margin-left: 0;

}

.contact_info ul li{

    background: url(images/contact_line.png) no-repeat 0 bottom;

    padding-bottom: 30px;

    margin-bottom: 30px;

    display: inline-flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}

.contact_info ul li p{

    width: 60px;

}

.contact_info ul li p img{

    width: 100%;

}

.contact_info ul li div{

    width: calc(100% - 75px);

}

.contact_info ul li div h3{

    color: #131d3b;

    font-weight: bold;

    font-size: 20px;

}

.contact_info ul li div h4{

    margin-top: 15px;

    color: #666d81;

    font-size: 16px;

}

.contact_info ul li div h4 a{    

    color: #666d81;

}

.contact_social a{

    display: inline-block;

    margin-right: 10px;

}

.event{

    background: #ebf7ff;

    padding: 70px 0 50px 0;

}

.event_top{    

    background: #0e1e45;

    padding: 0px;

    color: #FFF;

}

.news_lst{

    border-top: 2px solid #c1cedd;

    margin-top: 50px;

    padding-top: 20px;

}

.news_lst_item{

    margin-top: 30px;

}

.news_lst_item_img{

    overflow: hidden;

    border-radius: 5px 5px 0 0;

}

.news_lst_item_img img{

    width: 100%;

}

.news_lst_item_cnt{

    overflow: hidden;

    border-radius: 0 0 5px 5px;

    border: 1px solid #e7eaee;

    padding: 20px;

}

.news_lst_item_cnt h3{

    color: #00adef;

}

.news_lst_item_cnt h2{

    margin-top: 10px;

}

.news_lst_item_cnt h2 a{

    color: #131d3b;

    font-weight: bold;

    font-size: 21px;

}

.news_lst_item_cnt p{

    margin-top: 10px;

    color: #666d81;

    font-size: 16px;

}

.news_pages{

    margin-top: 50px;

    text-align: center;

}

.news_pages ul li{

    display: inline-block;

    padding: 0 2px;

}

.news_pages ul li a{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 30px;

    height: 30px;

    text-align: center;

    border-radius: 3px;

    color: #333333;

    font-weight: bold;

    text-decoration: none;

}

.news_pages ul li a:hover,

.news_pages ul li a.active{

    background: #0e1e45;

    color: #fff;

}

.news_pages ul li a img{

    width: 7px;

}

.news_pages ul li:last-child a:hover,

.news_pages ul li:first-child a:hover{

    background: none;

}

.event_slide_box{

    background: #ebf7ff;

    padding: 50px 0;

}

.event_slide{

    position: relative;

}

.event_slide_item{

    background: #fff;

}

.event_slide_item_img{

    position: relative;

}

.event_slide_item_img img{

    width: 100%;

}

.event_slide_item_img div{

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0d2f5d;

    width: 65px;

    height: 65px;

    color: #fff;

}

.event_slide_item_img div h5{

    text-transform: uppercase;

    text-align: center;

    margin-top: 10px;

}

.event_slide_item_img div h4{

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    font-size: 30px;

}

.event_slide_item_cnt{

    padding: 20px;

}

.event_slide_item_cnt h3 a{

    color: #0d2f5d;

    font-weight: bold;

    font-size: 20px;

}

.event_slide_item_cnt p{

    font-size: 16px;

    padding: 0 0 0 20px;

    background: url(images/event_ico_add.png) no-repeat 0 0;

    color: #666d81;

    margin-top: 15px;

}



.event_slide .owl-prev{

    background: #fff url(images/home_action_prev.png) no-repeat center center!important;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-indent: -9999px;

    cursor: pointer!important;

    outline: none;

    display: block;

    position: absolute;

    left: -50px;

    top: calc(50% - 15px);

    z-index: 100;

}

.event_slide .owl-prev:hover{

    background: #5175a1 url(images/home_action_prev.png) no-repeat center center!important;

}

.event_slide .owl-next{

    background: #fff url(images/home_action_next.png) no-repeat center center!important;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-indent: -9999px;

    cursor: pointer!important;

    outline: none;

    display: block;

    position: absolute;

    right: -50px;

    top: calc(50% - 15px);

    z-index: 100;

}

.event_slide .owl-dots{

    display: none;

}

.event_slide .owl-next:hover{

    background: #5175a1 url(images/home_action_next.png) no-repeat center center!important;

}

.d_news{

    padding: 70px 0 100px;

}

.d_search input{

    border: none;

    border-radius: 5px;

    background: #5276a2;

    width: 100%;

    height: 50px;

    line-height: 50px;

    outline: none;

    box-sizing: border-box;

    padding: 0 15px;

    font-size: 15px;

    color: #fff;

    width: 100%;

}

.d_search input::placeholder{

    color: #fff;

}

.d_news_top{

    border: 1px solid #ccccd1;

    border-radius: 5px;

    padding: 15px;

    /* margin-top: 20px; */

}

.d_news_top h2{

    color: #222232;

    font-weight: bold;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

}

.d_news_top h2::after{

    position: absolute;

    left: 110px;

    top: 11px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.d_news_top ul li{

    border-bottom: 1px solid #ccccd1;

    padding-bottom: 15px;

    margin-top: 15px;

    display: flex;

    justify-content: space-between;

}

.d_news_top ul li:last-child{

    border: none;

    padding-bottom: 0;

}



.d_news_top ul li p{

    width: 80px;

}

.d_news_top ul li p img{

    width: 100%;

}

.d_news_top ul li h3{

    width: calc(100% - 90px);

}

.d_news_top ul li h3 a{

    color: #4b4b4b;

    font-weight: bold;

    font-size: 16px;

}

.d_event{

    border: 1px solid #ccccd1;

    border-radius: 5px;

    padding: 15px;

    margin-top: 20px;

}

.d_event h2{

    color: #222232;

    font-weight: bold;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

}

.d_event h2::after{

    position: absolute;

    left: 80px;

    top: 11px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.d_event ul li{

    border-bottom: 1px solid #ccccd1;

    padding-bottom: 15px;

    margin-top: 15px;

}

.d_event ul li:last-child{

    border: none;

    padding-bottom: 0;

}

.d_event ul li .event_slide_item_cnt{

    padding: 10px 10px 0;

}

.d_news_lq{

    margin-top: 20px;

}

.d_news_lq h2{

    color: #222232;

    font-weight: bold;

    font-size: 20px;

    text-transform: uppercase;

    position: relative;

}

.d_news_lq h2::after{

    position: absolute;

    left: 135px;

    top: 11px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.d_news_lq_item{

    border: 1px solid #ccccd1;

    border-radius: 5px;

    padding: 15px;

    margin-top: 20px;

}

.d_news_lq_item_img{

    float: left;

    width: 48%;

}

.d_news_lq_item_img img{

    width: 100%;

}

.d_news_lq_item_cnt{

    float: right;

    width: 48%;

}

.d_news_lq_item_cnt h3{    

    color: #00adef;

} 

.d_news_lq_item_cnt h2{   

    margin-top: 10px;

    text-transform: inherit;

}

.d_news_lq_item_cnt h2::after{

    display: none;

}

.d_news_lq_item_cnt h2 a{    

    color: #131d3b;

    font-weight: bold;

    font-size: 20px;

    text-transform: inherit;

}

.d_news_lq_item_cnt p{    

    margin-top: 10px;

    color: #666d81;

    font-size: 16px;

}

.d_news_lq_item_cnt p a{    

    display: inline-block;

    margin-top: 5px;

    font-weight: bold;

    color: #14468c;

    font-size: 16px;

    position: relative;

    text-decoration: none;

}

.d_news_lq_item_cnt p a::after{

    position: absolute;

    left: 55px;

    top: 9px;

    content: "";

    display: block;

    width: 33px;

    height: 2px;

    background: #00adef;

}

.d_news_social{

    text-align: right;

    border-top: 1px solid #ccccd1;

    padding-top: 20px;

    margin-top: 30px;

}

.d_news_social a{

    display: inline-block;

    margin-left: 10px;

}

.d_news_cnt{

    padding-bottom: 20px;

}

.d_news_cnt h2{

    color: #222232;

    font-size: 30px;

    font-weight: bold;

    margin-top: 30px;

}

.d_news_cnt p{

    margin-bottom: 20px;

    color: #7c7c82;

    font-size: 16px;

    line-height: 25px;

    text-align: justify;

}



.d_news_cnt h4 {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 20px;

}





.d_news_cnt img {

    width: 100%;

    max-width: 100%;

    height: auto;

}





.d_news_cnt_img{

    position: relative;

}

.d_news_cnt_img img{

    width: 100%;

}

.d_news_date{

    position: absolute;

    left: 0;

    bottom: 0;

    background: #0d2f5d;

    width: 65px;

    height: 65px;

    color: #fff;

}

.d_news_date h5 {

    text-transform: uppercase;

    text-align: center;

    margin-top: 10px;

}

.d_news_date h4 {

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    font-size: 30px;

}

.d_news_icon{

    position: absolute;

    left: 0;

    bottom: 65px;

    background: #14468c;

    display: inline-block;

    padding: 15px 0;

    width: 65px;

    text-align: center;

}

.d_news_icon img {

    width: 40px;

}

.staff{

    padding: 70px 0;

}



.show_info ul {

    margin: 0px 5px;

    list-style: disc;

    padding-bottom: 20px;

}



.show_info ul li {

    font-size: 14px;

    padding: 3px ;

   

}



.about{

    padding: 40px 0 220px;

}

.about h3{

    text-align: center;

    margin: 20px auto 0;

    max-width: 450px;

    font-size: 16px;

    font-weight: bold;

    color: #424242;

}

.about_img{

    margin-top: 30px;

    margin-bottom: 40px;

}

.about_img img{

    width: 100%;

}

.about p{

    text-align: center;

    margin: 30px auto 0;

    max-width: 750px;

    font-size: 16px;

    color: #5c5c5c;

}

.about_video_box{

    background: #ebf7ff;

    padding-bottom: 50px;

}

.about_object{

    padding: 40px 0 70px;

}

.about_object .mikoiop_img{

    width: 40%;

}

.about_object .mikoiop_info{

    width: 60%;

    min-height: 326px;

    background: #f3f3f3;

}

.about_object .mikoiop_line:nth-child(2n) .mikoiop_info{

    background: #f3f3f3;

}

.about_object .pro_tll p{

    background: none;

    padding: 20px;

    width: 120px;

}

.about_object .pro_tll h3 {

    width: calc(100% - 120px);

    color: #0e1e45;

    min-height: 120px;

    text-transform: uppercase;

}

.about_object .mikoiop_line:nth-child(2n) .pro_tll p {

    left: 0px;

    right: inherit;

}

.about_object .mikoiop_line:nth-child(2n) .pro_tll h3{

    float: right;

}

.about_object .pro_cnt{

    padding-top: 0;

    border-left: 1px solid #5276a2;

    padding-left: 20px;

    margin-left: 60px;

    padding-bottom: 0;

}

.staff_slide{

    margin-top: 40px;

}

.staff_slide_img img{

    width: 100%;

}

.staff_slide_ttl{

    background: #f1f1f1;

    padding: 15px;

}

.staff_slide_ttl h3{

    color: #1a1a1a;

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

}

.staff_slide_ttl h4{

    color: #1a1a1a;

    font-size: 12px;

}

.staff_slide_b{

    background: #5276a2;

    color: #fff;

    display: none;

}

/* .staff_slide_item:hover .staff_slide_b{

    display: block;

}

.staff_slide_item:hover .staff_slide_f{

    display: none;

} */

.staff_slide_b .staff_slide_ttl{

    background: #5276a2 url(images/home_project_line.png) no-repeat center bottom;

    padding: 15px;

}

.staff_slide_b .staff_slide_ttl h3{

    color: #fff;

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

}

.staff_slide_b .staff_slide_ttl h4{

    color: #fff;

    font-size: 12px;

    text-align: center;

}

.staff_slide_b p{

    color: #fff;

    padding: 15px;

    font-weight: normal;

}



@media (max-width: 1600px) {

    .menu li{

        margin-left: 20px;

    }

    .logo{

        width: 200px;

    }

    .h_box {

        width: calc(100% - 200px);

    }



}

@media (max-width: 1366px) {

    .menu li{

        margin-left: 10px;

    }

    .mikoiop_info{

        min-height: 312px;

    }

}

@media (max-width: 1200px) {

    .event_item_cnt{

        width: 465px;

    }

    .pro_cnt{

        padding: 15px;

    }

    .about_object .mikoiop_info {

        min-height: 274px;

    }   



}



@media (max-width: 991px) {

    .h_box{

        background: none;

        height: auto;

        margin-top: 45px;

        width: 100%;

    }

    .logo {

        float: none;

        position: absolute;

        left: 25px;

        top: 0;

        width: auto;

        padding: 0;

    }

    .logo img {

        width: 80px;

    }

    #BB-nav {

        clear: both;

        padding: 10px 0;

        background: linear-gradient(90deg, #0e1e45 50%, #0e1e45 50%);

    }

    #BB-nav .row {

        width: 100%;

    }

    .navbar-toggler {

        position: absolute;

        right: 0;

        top: 13px;

        padding: 0;

        outline: none;

    }

    .navbar-toggler-icon {

        height: 25px;

        width: 25px;

        outline: none;

    }

    .navbar-light .navbar-toggler {

        color: rgba(255,255,255,0);

        border-color: rgba(255,255,255,0);

        outline: none;

    }

    .navbar-light .navbar-toggler-icon {

        background: url("images/m-menu.png") no-repeat 0 0;

        background-size: 25px;

        outline: none;

    }

    .collapse {

        clear: both;

    }

    .menu {

        clear: both;

        margin-left: 0;

        width: 100%;

        border-top: 1px solid #ccc;

        margin-top: 10px;

        box-sizing: border-box;

        padding-left: 15px;

    }

    .fixHeader .menu {

        margin-top: 10px;

    }

    .menu li {

        float: none;

        width: 100%;

        margin: 0 0 0 0;

        padding: 0;

        background: none;

        text-align: left;

    }

    .menu li a {

        padding: 8px 0;

        font-size: 15px;

        border: none;

        color: #fff;

    }

    .menu li a, .menu li a:hover, .menu li.active a {

        line-height: normal;

        height: auto;

        border: none;

    }

    .menu li.active a::after, .menu li a:hover::after, .menu li.current_page_item a::after,

    .menu li.active a::before, .menu li a:hover::before, .menu li.current_page_item a::before{

        background: none;

    }

    .menu li .menu-sub {

        position: inherit;

        left: inherit;

        top: inherit!important;

        width: 100%;

        box-sizing: border-box;

        padding: 0;

        display: none;

    }

    .menu li .menu-sub li{

        width: 50%;

    }

    .h_search {

        right: 40px;

        top: 5px;

        padding-left: 10px;

    }

    .h_language {

        right: 70px;

        top: 5px;

    }

    .h_language a{

        margin-right: 5px;

    }

    .h_sponsor {

        right: 185px;

        top: -2px;

    }    

    .banner_slide_item,

    .banner{

        min-height: 50vh;

    }

    .footer{

        padding: 30px 0;

    }    

    .fixHeader#BB-nav {

        padding: 10px 0;

    }

    .fixHeader .menu li {

        padding-bottom: 0;

    }

    .menu li .menu-sub li ul li{

        margin-top: 0;

    }

    .menu li .menu-sub li ul li a{

        padding: 3px 0;

    }

    .home_action_sponsor_cnt{

        padding: 0;

    }

    .home_action_sponsor_btn a{

        font-size: 15px;

    }

    .home_action_sponsor{

        padding: 20px 10px;

    }

    .event_item_cnt {

        width: 345px;

    }

    .share_item{

        padding: 30px;

    }

    .share_item h3{

        font-size: 20px;

    }

    .share_item ul li{

        font-size: 16px;

    }



    .mikoiop_lst {

        padding-top: 0;

        padding-bottom: 0;

    }

    .mikoiop_intro {

        font-size: 16px;

        margin-top: 40px;

    }

    .mikoiop_info {

        min-height: inherit;

    }

    .mikoiop_info h3 a {

        font-size: 20px;

    }

    .map{

        height: 300px;

    }

    .event_slide .owl-prev{

        left: -25px;

        top: 25%;

    }

    

    .event_slide .owl-next{

        right: -25px;

        top: 25%;

    }

    .about_object .mikoiop_info {

        padding-bottom: 20px;

    }

}





@media (max-width: 767px) {

    .donate-box {

        margin-top: 10px;

    }



    .h_sponsor{

        display: none;

    }

    .banner_slide_item h2{

        font-size: 35px;

    }

    .f_logo{

        text-align: center;

    }

    .f_news{

        margin-top: 15px;

    }

    .f_news h3,

    .f_news_form{

        float: none;

        width: 100%;

    }

    .f_news_form{

        margin-top: 15px;

    }

    .about_us{

        padding: 30px;

    }

    .mh_ttl h2 {

        font-size: 26px;

        background: url(images/bg_mh.png) no-repeat center 0;

        background-size: 100px;

        padding-top: 35px;

    }

    .home_news{

        padding: 30px 0;

    }

    .home_news_l,

    .home_news_r{

        margin-top: 20px;

    }

    .home_project_item_cnt {

        min-height: 200px;

    }

    .home_project{

        padding-top: 30px;

    }

    .home_project_slide {

        margin-top: 30px;

    }

    .home_action{

        padding: 30px 0;

    }

    .home_action_slide{

        margin-top: 30px;

        padding-bottom: 0;

    }

    .home_action_sponsor.home_action_sponsor_center,

    .home_action_sponsor{

        margin-top: 30px;

    }

    .home_action_sponsor.home_action_sponsor_center .home_action_sponsor_cnt,

    .home_action_sponsor_cnt{

        min-height: inherit;

    }

    .home_og{

        padding: 30px 0;

    }

    .home_og h2{

        font-size: 26px;

    }

    .home_og_item{

        margin-top: 30px;

    }

    .home_og_lst ul li{

        width: 25%;

    }

    .event_item_l,

    .event_item_cnt,

    .event_item_r{

        float: none;

        width: 100%;

    }

    .event_item_cnt{

        padding: 15px;

    }

    .event_item_cnt h2{

        font-size: 26px;

    }

    .event_item_r{

        min-height: 350px;

    }

    .home_event_slide02_inner{

        margin-top: -50px;

    }

    .home_event {

        padding-top: 30px;

    }

    #sync1 {

        margin-top: 0;

    }

    .home_comment{

        padding: 30px;

    }

    .home_comment_l,

    .home_comment_r{

        margin-top: 30px;

    }

    .home_comment_r .owl-dots{

        top: -20px;

    }

    .home_comment_item .home_comment_img img{

        max-width: 70px!important;

    }

    .home_comment_item .home_comment_img::after{

        left: 45px;

    }

    .banner-content{

        min-height: 250px;

    }

    .banner-content h2{

        margin-top: 60px;

        font-size: 30px;

        padding-top: 10px;

    }

    .banner-content h2::after {

        left: calc(50% - 100px);

        width: 200px;

    }

    .share {

        padding: 30px 0;

    }

    .share_item{

        margin-top: 20px;

    }    

    .home_og.share_og h2{

        font-size: 30px;

        padding-top: 10px;

    }

    .home_og.share_og h2::after {

        left: calc(50% - 100px);

        width: 200px;

    }

    .share_ctv{

        padding: 30px 0;

    }

    .ctv_in input{

        height: 40px;

        line-height: 40px;

    }

    .ctv_in button{

        height: 50px;

        line-height: 50px;

        margin-top: 5px;

    }

    .project_og .share_og_btn{

        margin-top: 30px;

    }

    .project_og{

        padding-bottom: 30px;

    }

    .project {

        padding: 30px 0;

    }

    .mikoiop_line {

        margin-top: 20px;

    }

    .mikoiop_info {

        min-height: inherit;

        width: 100%;

        float: none;

    }

    .mikoiop_info h3 a {

        font-size: 20px;

    }

    .mikoiop_line:nth-child(2n) .mikoiop_info {

        width: 100%;

        float: none;

    }

    .mikoiop_img {

        position: inherit;

        left: inherit;

        top: inherit;

        width: 100%;

        margin-top: 15px;

    }

    .pro_tll h3{

        font-size: 20px;

    }

    .d_pro_top{

        padding: 30px 0 180px 0;

    }

    .d_pro_content h3 {

        font-size: 24px;

        margin-top: 30px;

    }

    .d_pro_content p {

        font-size: 16px;

        margin-top: 15px;

    }

    .d_pro_cnt{

        padding-bottom: 30px;

    }    

    .map{

        height: 250px;

    }

    .contact{

        padding: 30px 0;

    }

    .contact_form h2{

        font-size: 24px;

    }

    .contact_info ul{

        padding-top: 30px;

    }

    .event{

        padding: 30px 0;

    }

    .news_lst{

        margin-top: 30px;

        padding-top: 0px;

    }

    .news_pages{

        margin-top: 30px;

    }

    .event_slide .owl-prev{

        left: 0;

        top: 25%;

    }

    

    .event_slide .owl-next{

        right: 0;

        top: 25%;

    }

    .d_news{

        padding: 30px 0;

    }

    .d_search{

        margin-top: 20px;

    }

    .d_news_lq_item_img,

    .d_news_lq_item_cnt{

        float: none;

        width: 100%;

    }

    .d_news_lq_item_cnt h3{

        margin-top: 15px;

    }

    .d_news_cnt h2{

        font-size: 24px;

    }

    .about {

        padding: 0 0 150px;

    }

    .about_img{

        margin-bottom: 0;

    }

    .about .mh_ttl h2{

        margin-top: 30px;

    }

    .about_video {

        margin: -120px auto 0;

    }

    .about_video_box{

        padding-bottom: 30px;

    }

    .about_object{

        padding: 0 0 30px;

    }

    .about_object .mikoiop_img {

        width: 100%;

    }

    .about_object .mikoiop_info{

        width: 100%;

    }

    .about_object .pro_cnt p{

        font-size: 16px;

    }

    .staff{

        padding: 30px 0;

    }

}



@media (max-width: 575px) {

.logo {

    margin-left: 0;

    left: 30px;

}

.menu {

    margin-left: 15px;

    padding-left: 0;

}

}