@font-face {
     font-family: "Kefa-Regular";
     src: url(../fonts/Kefa-Regular.ttf) format("truetype");
}
@font-face {
     font-family: "HelveticaNeue-Medium";
     src: url(../fonts/HelveticaNeue-Medium.ttf) format("truetype");
}
@font-face {
     font-family: "helveticaneue";
     src: url(../fonts/helveticaneue.ttf) format("truetype");
}
@font-face {
     font-family: "Poppins-Regular";
     src: url(../fonts/Poppins-Regular.ttf) format("truetype");
}

.font_robo_re{
    font-family: 'Roboto', sans-serif;
}
.font_pop_re{
     font-family: "Poppins-Regular";
}
.font_hel{
     font-family: "helveticaneue";
}
.font_kefa_re{
     font-family: 'Roboto', sans-serif;
}
.font_hel_me{
     font-family: "HelveticaNeue-Medium";
}
.modal-open .header {
     padding-right: 17px;
}
a:hover,a:focus{
     text-decoration: none !important;
     outline: none !important;
}
.btn:focus{
     text-decoration: none !important;
     outline: none !important;
}
button:focus{
     outline: none !important;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { 
  color: transparent !important; 
}
.text_white,
.white{
    color: #fff;
}
.color_cooper{
     color: #103370;
}
.color_cooper:hover{
     color: #0094d9
}

header{
     background-color: #fff;
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 2;
}
.add_home_header{
	background-color: #fff;
}
header .logo{
     height: 80px;
     transition: 0.8s ease;
     margin-left: -15px;
}
header .nav_menu_top{
     position: absolute;
     top: 12px;
     right: 0px;
     transition: 0.8s ease;
}
header .nav_menu_bot{
     position: absolute;
     bottom: 5px;
     right: 0px;
     transition: 0.8s ease;
}
header .navbarEch{
     padding: 11px 15px;
}
header .nav_menu_bot i{
    font-size: 14px;
    line-height: 2px;
    margin-top: 2px;
}
header .nav_menu_bot b{
     margin-right: 5px;
}
header .nav_menu_bot li a{
    color: #063196;
    letter-spacing: 1px;
    font-size: 17px;
}
header .nav_menu_bot .nav-link:hover .fa-heart{
     color: #f0f !important
}
/*header .nav_menu_bot .nav-link:hover b{
     border-bottom: 3px solid #71b444;
}*/
header .nav_menu_top li a{
     color: #063196;
     font-size: 16px;
}
header .nav_menu_top li a i{
     font-size: 15px;
}
header .nav_menu_top li a:hover,header .nav_menu_bot li a:hover{
     color: #0094d9;
}
header .nav_menu_top li a.facebook{
     border: .1rem solid #063196;
     border-radius: 50%;
     height: 32px;
     width: 32px;
     padding: 2px 11px;
     margin-right: 12px;
     margin-top: 5px;
     margin-left: 10px;
}
header .nav_menu_top li a.twitter{
     border: .1rem solid #063196;
     border-radius: 50%;
     height: 32px;
     width: 32px;
     padding: 2px 9px 5px;
    margin-right: 12px;
    margin-top: 5px;
}
header .nav_menu_top li a.linkedin{
     border: .1rem solid #063196;
     border-radius: 50%;
     height: 32px;
     width: 32px;
     padding: 2px 9px;
    margin-right: 12px;
    margin-top: 5px;
}
header .input_menu{
	margin-top: 5px;
}
.afterscroll .input_menu .input-group-addon,
.afterscroll .input_menu input{
	background-color: #1e429c;
}
.afterscroll .input_menu input{
	color: #fff
}
header .input_menu .input-group-addon{
     background-color: #fff;
     border: 1px solid #1e429c;
     height: 30px;
     border-right: none;
}
header .input_menu input{
     background-color: #fff;
     border: 1px solid #1e429c;
     border-radius: 4px;
     height: 30px;
     font-size: 14.5px;
     color: #1e429c
}
header .input_menu input:focus{
	background-color: #fff;
}
.afterscroll .input_menu input:focus{
     background-color: #1f459e;
}
header .input_menu input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
     color: #fff;
}
header .input_menu input::-moz-placeholder {
    /* Firefox 19+ */
     color: #fff
}
.afterscroll {
     top: -10px !important;
     background-color: #063196 !important;
}
.logo_blue{
     display: block;
}
.afterscroll .logo_blue,
.logo_white{
     display: none !important;
}
.afterscroll .logo_white{
     display: block !important;
}
.afterscroll .nav_menu_bot li a,
.afterscroll .nav_menu_top li a{
     color: #fff;
}
.afterscroll .nav_menu_top li a.twitter,
.afterscroll .nav_menu_top li a.facebook,
.afterscroll .nav_menu_top li a.linkedin{
     border: .1rem solid #fff;
}
header{
     transition: top 0.8s ease;
     z-index: 9999;
}
header.afterscroll .logo{
     height: 70px;
     width: 270px;
     margin-top: 5px;
}
header.afterscroll .nav_menu_bot {
     position: absolute;
     bottom: 2px;
     right: 0px;
}
header .nav_menu_bot .nav-link{
     padding: .5rem 1.1rem;
     display: flex;
    align-items: center;
    justify-content: center;

}
header .nav_menu_top .nav-link{
     padding: .5rem .7rem    
}
header.afterscroll .nav_menu_top {
     position: absolute;
     /* top: 22px; */
     right: 0px;
}
header .nav_menu_bot .dropdown_menu_bot .dropdown-content {
     display: none;
     position: absolute;
     background-color: #fff;
     min-width: 220px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     left: -10%;
     z-index: 9999;
     border-top: 2px solid #4273e8;
     padding: 15px 20px 5px;
}
header .item_dropdown_header h5{
     font-size: 16px;
     color: #103370;
     margin-bottom: 15px;
}
header .item_dropdown_header p{
     color: #555;
    font-size: 14.5px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
header .item_dropdown_header a:hover p{
     color: #1895d6
}
/*header .item_dropdown_header{
     padding-left: 20px;
}*/
header .nav_menu_bot .dropdown_menu_bot .dropdown-content [class*=col-]{
     border-right: 1px solid #ddd;
}
header .nav_menu_bot .dropdown_menu_bot .dropdown-content [class*=col-]:last-child{
     border:none;
}
header .item_dropdown_header .img_header_menu{
     border: 1px solid #ddd;
     border-radius: 5px;
}
header .item_dropdown_header .p_img_header_menu{
     color: #063196;
     font-size: 15.5px;
     letter-spacing: 0.5px;
     margin-top: 10px;
}
header .item_dropdown_header a:hover .p_img_header_menu{
     color: #0094d9;
}

header .nav_menu_top li a.facebook:hover, 
header .nav_menu_top li a.twitter:hover, 
header .nav_menu_top li a.linkedin:hover {
    border: .1rem solid #538aed;
    color: #538aed;
}

@-webkit-keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
 @keyframes fadeIn {
     from {
         opacity: 0;
    }
     to {
         opacity: 1;
    }
}
/******************************service_home****************************/
/*.service_home i{
     color: #666;
     font-size: 18px;
     margin-right: 10px;
}
.service_home h5{
     color: #8d8d8d;
     font-size: 17px;
}
.service_home img{
     display: inline-block;
     margin-right: 10px;
     width: 24px;
     margin-top: -8px;
}
.service_home .img_h5_service{
     display: inline-block;
}
.service_home .item_service{
     border: 1px solid #ddd;
     padding: 15px 0px;
     background-color: #fff;
     width: 100%
}
.service_home{
     width: 100%;
     margin: 0;
     bottom: -75px;
}
.service_home .item_service{
     border-left: none;
     border-right: none;
}
.service_home .item_service .col{
     padding: 15px;
}
.service_home .item_service .col_service{
     border-right: 1px solid #ddd;
}
.service_home .item_service:first-child{
     border-left: 1px solid #ddd !important;
}
.service_home .item_service:last-child{
     border-right: 1px solid #ddd !important;
}

.service_home .item_service.active h5,
.service_home .item_service a:hover h5{
     color: #333;
}
.service_home .item_service.active i,
.service_home .item_service a:hover i{
     color: #71b444;
}
.service_home .item_service a:hover .mask_service_green{
     display: inline-block;
}
.service_home .item_service a:hover .mask_service{
     display: none;
}
.service_home .item_service .mask_service_green{
     display: none;
}
.service_home .item_service.active .mask_service_green{
     display: inline-block;
}
.service_home .item_service.active .mask_service{
     display: none;
}*/
#carousel_cooper .carousel-caption{
     left: 0;
     right: 0;
     text-align: left;
     bottom: 65px;
}
#carousel_cooper .carousel-caption h2{
     font-size: 40px;
}
#carousel_cooper .carousel-caption h1{
    font-size: 75px;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
/*************************info_home***************************/
/*.info_home{
     background: url(../img/bg_info_home.jpg) center center no-repeat;
     background-size: cover;
     padding: 175px 0px 70px;
}
.info_home img{
     width: 365px;
     margin-top: -10px;
}
.info_home h4{
     color: #103370;
     font-size: 27px;
     line-height: 35px;
     margin-bottom: 20px;
     letter-spacing: 0.5px;
}
.info_home p{
     line-height: 30px;
}*/
@media(max-width: 991px){
     .info_home img{
         display: none !important;
    }
    .box_scroll_project{
     margin-bottom: 20px;
    }
}
/***************************new_home****************************/
.new_home{
     padding: 50px 0px 60px;
}
.new_home .left .title_new,.new_home .right .title_new{
     display: flex;
}
.new_home .left .title_new h3,
.connect_us .title_new h3{
     color: #103370;
    margin-bottom: 25px;
    font-size: 1.8rem;
}
.new_home .right .title_new h4{
     width: 275px;
     color: #103370;
}
.new_home .left hr,.new_home .right .wrap_new_home hr{
     margin-top: 7px;
}
.new_home .left .title_new .line_new,.new_home .right .title_new .line_new{
     height: 18px;
     background-color: #eee;
     display: block;
     width: 100%;
     margin-top: 6px;
}
.new_home .left .img_title_new{
     display: flex;
     margin-bottom: 25px;
}
.new_home .left .img_title_new img{
     margin-right: 20px;
     max-width: none;
}
.new_home .left .img_title_new p{
     color: #555
}
.new_home .left .active_new p{
     font-size: 15px;
     color: #0c3480;
     border-left: 1px solid #538aed;
     padding-left: 15px;
}
.new_home .left .active_new a:hover p{
     color: #0094d9;
}
.new_home .left .wrap_new_home{
     padding-top: 20px;
     padding-bottom: 20px;
}
.new_home .left .wrap_new_home .item_new_home .wrap_item_new_home .btn_item{
     background-color: rgba(16,51,112,0.9);
     color: #fff;
     position: absolute;
     bottom: 0px;
     left: 0px;
     font-weight: 600;
     padding: 3px 15px;
     font-size: 16px;
     letter-spacing: 0.5px;
     border-radius: 0px;
}
.new_home .left .wrap_new_home .item_new_home .wrap_item_new_home .btn_item:hover{
     color: #0094d9;
}
.new_home .left .wrap_new_home .item_new_home .wrap_item_new_home{
     position: relative;
     margin-bottom: 10px;
}
.new_home .left .wrap_new_home .item_new_home h4{
     font-size: 19px;
     color: #444
}
.new_home .left .wrap_new_home .item_new_home a:hover h4{
     color: #0094d9;
}

.new_home .left .bot_new_home{
     padding: 0px 25px;
}
.new_home .right .wrap_new_home{
     padding: 0 15px 0px
}
.new_home .right .item_new_home{
     padding: 13px 15px;
     overflow: hidden;
}
.new_home .right .item_new_home .a_img img{
     float: left;
}
.new_home .right .item_new_home .info{
     margin-top: -5px;
     padding-left: 95px
}
.new_home .right .item_new_home .info a h5{
     color: #444;
     font-size: 17px;
     display: block;
     margin-bottom: 4px;
}
.new_home .right .item_new_home .info a:hover h5{
     color: #0094d9;
}
.new_home .right .item_new_home .info p{
     margin-bottom: 3px;
    color: #555;
    line-height: 22px;
}
.new_home .right .item_new_home .info .read_more_p{
     font-size: 15px;
}
.new_home .right .item_new_home .info .read_more_p i{
     font-size: 13px;
}
.new_home .right hr{
     margin: 0
}
.new_home .right{
    margin-top: -10px;
}

/****************************total_info_home******************************/
/*.total_info_home{
     background: url(../img/bg_total_info_home.png) center center no-repeat;
     background-size: cover;
     padding: 100px 0px 90px;
     color: #fff;
     background-color: #f3f4f6;
}
.total_info_home .title_total_info_home{
     margin-bottom: 50px;
}
.total_info_home .item_total_home h1{
     color: #1dde26;
     letter-spacing: 1px;
     font-size: 42px;
     font-weight: 600
}
.total_info_home .item_total_home h4{
     font-size: 20px;
     letter-spacing: 0.5px;
     margin-bottom: 20px;
}
.total_info_home .item_total_home p{
     margin-bottom: 30px;
}
.total_info_home .item_total_home .btn_total_info{
     background-color: #fff;
     border-radius: 2px;
     border: 1px solid #7ca6ff;
     padding: 12px 23px;
     transition-duration: 0.3s;
}
.total_info_home .item_total_home .btn_total_info:hover{
     background-color: #538aed;
     transition-duration: 0.3s;
     color: #fff;
}
.total_info_home .bot_total_info_home{
     margin-top: 160px;
}
.total_info_home .bot_total_info_home .right{
     padding-top: 100px;
}
.total_info_home .bot_total_info_home .right h4{
     margin-bottom: 25px;
}
.total_info_home .bot_total_info_home .left img{
     width: 330px;
     position: absolute;
     height: 520px;
     right: 140px;
     bottom: -135px;
}
.total_info_home .bot_total_info_home .right .btn_link_social,.total_info_home .bot_total_info_home .right .btn_link_social1,.total_info_home .bot_total_info_home .right .btn_link_social2{
     display: flex;
     margin-bottom: 15px;
}
.total_info_home .bot_total_info_home .right .btn_link_social p,.total_info_home .bot_total_info_home .right .btn_link_social1 p,.total_info_home .bot_total_info_home .right .btn_link_social2 p{
     font-size: 15px;
     margin-top: 4px;
}
.total_info_home .bot_total_info_home .right .btn_link_social a:hover p,.total_info_home .bot_total_info_home .right .btn_link_social1 a:hover p,.total_info_home .bot_total_info_home .right .btn_link_social2 a:hover p{
     color: #538aed;
}
.total_info_home .bot_total_info_home .right .btn_link_social{
     margin-top: 45px;
}
.total_info_home .bot_total_info_home .right .btn_link_social img{
     width: 75px;
     margin-right: 13px;
}
.total_info_home .bot_total_info_home .right .btn_link_social1 img{
     width: 100px;
     margin-right: 13px;
}
.total_info_home .bot_total_info_home .right .btn_link_social2 img{
     width: 140px;
     margin-right: 13px;
}
.total_info_home .bot_total_info_home .right p{
     margin-bottom: 0px;
     color: #fff;
}*/
/*****************************event_home*******************************/
.event_home{
     padding-top: 140px;
     padding-bottom: 120px;
     background-color: #f3f4f6;
}
.event_home .title_event_home{
     display: flex;
     margin-bottom: 20px;
}
.event_home .title_event_home h3{
     color: #103370;
     font-size: 25px;
     border-right: 1.5px solid #ddd;
     padding-right: 15px;
     letter-spacing: 0.5px;
}
.event_home .title_event_home p{
     color: #103370;
     padding-left: 15px;
     font-size: 14px;
     margin-top: 5px;
     margin-bottom: 0px;
}
.event_home .title_event_home a:hover p{
     color: #538aed;
}
.event_home .carousel_event_home .owl-nav {
     position: absolute;
     width: 100%;
     top: 41%;
}
.event_home .carousel_event_home .owl-nav .owl-prev {
     float: left;
     position: absolute;
     left: -47px;
     border: none;
}
.event_home .carousel_event_home .owl-nav .owl-next {
     float: right;
     position: absolute;
     right: -47px;
     border: none;
}
.event_home .carousel_event_home .owl-dots{
     display: none;
}
.item_event_home{
     background-color: #fff;
     padding: 15px 15px 20px;
     border-radius: 1px;
}
.item_event_home .wrap_img{
     position: relative;
}
.item_event_home .wrap_img .btn_item_event{
     position: absolute;
     bottom: 0;
     right: 20px;
     background-color: #fff;
     border-radius: 0px;
     color: #444;
     padding: 7px 14px;
     font-size: 17px;
}
.item_event_home .title_item_new{
     display: flex;
     padding-top: 15px;
}
.item_event_home .title_item_new h5{
     font-size: 16px;
     margin-right: 15px;
}
.item_event_home .title_item_new p{
     font-size: 15px;
     margin-top: -2px;
     margin-bottom: 0;
}
.item_event_home .p_content{
     color: #6b6b6b;
     height: 123px;
     overflow: hidden;
}
.item_event_home .view_detail{
     color: #4da1ff;
     font-size: 16px;
}
.item_event_home .view_detail i{
     font-size: 14px;
     margin-left: 6px;
}
.item_event_home .view_detail:hover {
     color: #007bff
}

#carousel_cooper .carousel-control-next .fa-chevron-right{
     font-size: 20px;
    background-color: rgba(0,0,0,0.6);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-top: 4px;
    padding-left: 4px;
}
#carousel_cooper .carousel-control-prev .fa-chevron-left{
     font-size: 20px;
     background-color: rgba(0,0,0,0.6);
     height: 40px;
     width: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     padding-top: 4px;
     padding-right: 4px;
}
.camden_story{
     padding: 40px 0px 50px;
}
.camden_story h3{
     color: #103370;
     margin-bottom: 25px;
     font-size: 1.8rem;
}
.camden_story .box_camden_story{
     text-align: left;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding-bottom: 18px;
     margin-bottom: 20px;
     min-height: 466px;
}
.camden_story .box_camden_story img{
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 13px;
    width: 100%
}
.camden_story .box_camden_story p{
     color: #555;
     padding: 0 15px;
}
.camden_story .box_camden_story h5{
	padding: 0px 15px;
}
.camden_story .box_camden_story a{
     color: #195cce;
     padding: 0 15px;
}
.camden_story .box_camden_story a i{
     font-size: 13px;
}
.camden_story .box_data_camden{
     text-align: center;
     padding: 40px 0px 0px;
}
.camden_story .box_data_camden h2{
     font-size: 2.2rem;
     color: #0094d9;
     font-weight: bold;
}
.camden_story .box_data_camden h5{
     color: #999
}


/*********************************event_camden_home**********************************/

.event_camden_home{
     display: flex;
     align-items: center;
}
.event_camden_home .event_left_camden{
     background: url(../img/bg1.jpg) center center no-repeat;
     background-size: cover;
     padding: 26.5px 0px;
     flex: 1;
     margin-right: -1px;
     display: flex;
     align-items: center;
     justify-content: center;
}
.event_camden_home .event_right_camden{
     background: url(../img/bg2.jpg) center center no-repeat;
     background-size: cover;
     padding: 36px 0px;
     flex: 1;
     display: flex;
    align-items: center;
    justify-content: center;
}
.event_camden_home .event_left_camden img{
     width: 100px;
     height: 85px;
     margin-right: 15px;
}
.event_camden_home .event_left_camden a,
.event_camden_home .event_right_camden a{
     color: #fff;
     font-size: 17px;
}
.event_camden_home .event_left_camden a:hover,
.event_camden_home .event_right_camden a:hover,
.camden_story .box_camden_story a:hover{
     color: #0094d9
}
.event_camden_home .event_left_camden i,
.event_camden_home .event_right_camden i{
     font-size: 15px;
     margin-left: 4px;
}
.event_camden_home .event_right_camden .fa-play{
     background-color: #fff;
     height: 60px;
     width: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-size: 28px;
     padding-left: 6px;
     margin-right: 18px;
     color: #444
}
.event_camden_home .event_right_camden .fa-play:hover{
     background-color: #0094d9;
     color: #fff
}

/*********************************connect_us**********************************/

.connect_us{
     padding: 25px 0px 65px;
     background-color: #f7f7f7
}
/*.connect_us_with{
     border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 1px 2px 8px #ddd;
    margin-bottom: 20px;
}
.connect_us ul li{
     list-style-type: none;
     display: flex;
     align-items: center;
     margin-bottom: 11px;
}
.connect_us ul li a:hover{
     border: 1.5px solid #0094d9;
     color: #0094d9;
}
.connect_us ul li .facebook {
    border: 1.5px solid #666;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 5px 12px;
    display: block;
    margin-right: 12px;
    margin-top: 3px;
    color: #666;
    font-size: 15px;
}
.connect_us ul li .twitter {
    border: 1.5px solid #666;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 4px 10px;
    display: block;
    margin-right: 12px;
    margin-top: 4px;
    color: #666;
}
.connect_us ul li .instagram {
    border: 1.5px solid #666;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 3px 10px;
    display: block;
    margin-right: 12px;
    margin-top: 4px;
    color: #666;
}*/
.connect_us .left{
     padding: 35px 0 0;
     text-align: center;
}
.connect_us .left img{
     width: 270px;
}
.connect_us .right{
     padding: 100px 90px 0 0
}
.connect_us .right .btn_link_social, 
.connect_us .right .btn_link_social1, 
.connect_us .right .btn_link_social2,
.connect_us .right .btn_link_social3 {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
}
.connect_us .right .btn_link_social {
    margin-top: 35px;
}
.connect_us .right .btn_link_social img {
    width: 75px;
    margin-right: 13px;
}
.connect_us .right .btn_link_social1 img {
    width: 120px;
    margin-right: 13px;
}
.connect_us .right .btn_link_social3 img {
    width: 100px;
    margin-right: 13px;
}
.connect_us .right .btn_link_social2 img {
    width: 140px;
    margin-right: 13px;
  	border: 1px solid #ddd;
    padding: 5px 15px;
}
.connect_us .right .btn_link_social p, 
.connect_us .right .btn_link_social1 p, 
.connect_us .right .btn_link_social2 p,
.connect_us .right .btn_link_social3 p {
    margin-bottom: 0px;
    color: #103370;
}
.connect_us .right .btn_link_social:hover p, 
.connect_us .right .btn_link_social1:hover p, 
.connect_us .right .btn_link_social2:hover p,
.connect_us .right .btn_link_social3:hover p{
     color: #0094d9
}



/**********************************footer*******************************/
footer{
     /*background-color: #1b4f9e;*/
     background: url(../img/bg_footer.jpg) center center no-repeat;
     background-size: cover;
     padding: 30px 70px;
     color: #fff;
}
footer .title_footer{
     display: flex;
     position: relative;
     padding-top: 10px;
     padding-bottom: 20px;
     border-bottom: 1px solid #8da7cf;
}
footer .title_footer .info_footer{
     margin-top: 13px
}
footer .title_footer .info_footer h4{
     letter-spacing: 0.5px;
     margin-bottom: 12px;
}
footer .title_footer .logo_footer{
     width: 95px;
     margin-right: 10px;
}
footer .title_footer .btn_get_involved {
     position: absolute;
     right: 5px;
     background-color: #245cb1;
     color: #fff;
     border: 1px solid #8da7cf;
     border-radius: 2px;
     padding: 9px 18px;
     top: 50px;
     transition-duration: 0.2s;
}
footer .title_footer .btn_get_involved:hover {
     background-color: #538aed;
     transition-duration: 0.2s;
}
footer .title_footer .btn_get_involved i{
     margin-right: 6px;
}
footer .item_footer{
     margin-top: 25px;
     height: 240px;
     border-right: 1px solid #8da7cf;
}
footer .item_footer h4{
     font-size: 17px;
     letter-spacing: 0.5px;
     margin-bottom: 20px;
}
footer .item_footer p{
     color: #fff;
     font-size: 14.5px;
     letter-spacing: 0.2px;
}
footer .item_footer a:hover p{
     color: #538aed;
}
footer .item_footer form{
	padding-right: 30px;
}
footer .item_footer input{
	background-color: #11356c !important;
    border: none;
    border-radius: 2px;
    height: 40px;
    color: #fff !important;
}
footer .item_footer .btn_subscribe{
    background-color: #fff;
    color: #11356c;
    border-radius: 3px;
    padding: 7px 20px;
    font-size: 15px;
    transition-duration: 0.2s;
    margin-bottom: 25px;
    margin-top: 15px;
    border: none;
}
footer .item_footer .btn_subscribe:hover{
     background-color: #538aed;
     transition-duration: 0.2s;
}
footer .item_footer ul{
     padding-left: 0px;
}
footer .item_footer ul li{
     list-style-type: none;
     float: left;
}
footer .item_footer ul li .facebook{
     border: 1.5px solid #fff;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     padding: 5px 12px;
     display: block;
     margin-right: 12px;
     margin-top: 3px;
     color: #fff;
     font-size: 15px;
}
footer .item_footer ul li .facebook:hover,footer .item_footer ul li .twitter:hover,footer .item_footer ul li .linkedin:hover{
     border: 1.5px solid #538aed;
     color: #538aed;
}
footer .item_footer ul li .twitter{
     border: 1.5px solid #fff;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     padding: 4px 10px;
     display: block;
     margin-right: 12px;
     margin-top: 4px;
     color: #fff;
}
footer .item_footer ul li .linkedin{
     border: 1.5px solid #fff;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     padding: 3px 10px;
     display: block;
     margin-right: 12px;
     margin-top: 4px;
     color: #fff;
}
footer .design_by_hoangphuoc{
     float: left;
}
footer .design_by_hoangphuoc p{
     font-size: 14px;
     letter-spacing: 0.5px;
}
footer .copy_right p{
     font-size: 14px;
     letter-spacing: 0.5px;
     margin-top: -1px;
     text-align: right;
}
footer .wrap_design{
     margin-top: 45px;
}
.btn_donate {
     background-color: #71b444;
     font-size: 18px;
     padding: 7px 35px;
     color: #fff;
     border-radius: 2px;
     letter-spacing: 1px;
}
.btn_donate i{
     margin-right: 4px;
}
.btn_donate:hover{
     color: #71b444;
     background-color: #fff;
}
.input_footer{
     padding-right: 25px;
}
.input_footer .input-group-addon{
     background-color: #11356c;
     border: none;
}
.input_footer .input-group-addon a{
     color: #aaa;
}






@media (max-width: 1199px){
     .new_home .left .wrap_new_home .item_new_home .wrap_item_new_home .btn_item{
         font-size: 14px;
    }
     .new_home .right .title_new h4{
         width: 335px;
    }
     .event_home .carousel_event_home .owl-nav .owl-next{
         right: -33px;
    }
     .event_home .carousel_event_home .owl-nav .owl-prev{
         left: -33px;
    }
}
@media (max-width: 991px){
     .new_home .left .wrap_new_home .item_new_home h4{
         margin-bottom: 20px;
    }
    .new_home .right{
          padding-top: 20px;
    }
    .event_camden_home{
          flex-direction: column;
    }
    .event_camden_home .event_left_camden,
    .event_camden_home .event_right_camden{
     width: 100%
    }
    header .nav_menu_bot .dropdown_menu_bot .dropdown-content{
     left: 0
    }
    .event_camden_home .event_left_camden{
     margin: 0
    }
    header .nav_menu_bot .nav-link {
         padding: .5rem .7rem;
     }
     .new_home .left .img_title_new{
          flex-direction: column;
     }
     .new_home .left .img_title_new img{
          margin-bottom: 12px ;
          margin-right: 0;
          width: 100%
     }
     .new_home .right .item_new_home{
         padding-left: 0px
    }
     .new_home .right .title_new h4{
         width: 210px;
    }
     .new_home .left .title_new h4{
         width: 265px;
    }
     .total_info_home .item_total_home h4{
         margin-bottom: 10px;
         height: 50px;
    }
     .total_info_home .bot_total_info_home .left img{
         display: none;
    }
     .total_info_home .item_total_home{
         margin-bottom: 25px;
    }
     .total_info_home .bot_total_info_home .right{
         padding-top: 0px;
    }
     .total_info_home .bot_total_info_home{
         margin-top: 100px;
    }
     footer .title_footer{
         padding-bottom: 60px;
    }
     footer .title_footer .btn_get_involved{
         bottom: 12px;
         top: auto;
         right: 34%;
    }
     .event_home .carousel_event_home .owl-nav{
         display: none;
    }
     footer .item_footer{
         height: 200px;
    }
     footer .hai_item_footer{
         border: none;
    }
     footer .bon_item_footer{
         border: none;
    }
     footer .item_footer ul{
         border: none;
         padding-top: 5px;
    }
     .event_home{
         padding-top: 80px;
    }
     footer .item_footer p{
         margin-bottom: 10px;
    }
     .service_home h5{
         font-size: 14px;
    }
    .service_home img{
     display: block;
     margin: auto;
    }
     .service_home i{
         display: block;
         margin-bottom: 8px;
         margin-right: 0px;
    }
     .info_home{
         padding-top: 130px;
    }
     .new_home{
         padding-bottom: 60px;
    }
     .event_home{
         padding-bottom: 70px;
    }
     #carousel_cooper .carousel-caption h2{
         font-size: 20px;
    }
     #carousel_cooper .carousel-caption h1{
         font-size: 36px;
    }
     .navbar-fixed-top {
         top: 0px !important;
    }
     header .navbarEch{
         padding: 5px;
    }
     header .nav_menu_bot b{
         font-weight: normal;
         font-size: 14px;
         font-family: "helveticaneue";
    }
     header .logo {
         height: 50px;
         width: 200px;
    }
     .header .navbar-collapse{
         background-color: #f7f7f7;
         padding: 10px 15px;
    }
     header .nav_menu_top{
         position: static;
         display: block;
    }
     header .nav_menu_bot{
         position: static;
         display: block;
         clear: both;
         float: none;
    }
     header .nav_menu_top li a.facebook{
         float: left;
         margin-left: 10px
    }
     header .nav_menu_top li a.twitter{
         margin-left: 5px;
         float: left;
         width: 33px;
         height: 33px;
    }
     header .nav_menu_top li a.linkedin{
         margin-left: 5px;
         float: left;
         width: 33px;
         height: 33px;
    }
     header .nav_menu_top .input_menu{
         width: 320px 
    }
     header .nav_menu_top li a, header .nav_menu_bot li a{
         padding-left: 0px 
    }
     .carousel{
         margin-top: 60px;
    }
}
@media (max-width: 767px){
     .new_home .left .bot_new_home{
         padding: 0px 
    }
     .service_home {
         padding: 0 15px;
         bottom: -187px;
         display: inline-block;
    }
     .service_home .item_service {
         width: 50%;
         float: left;
         height: 80px;
         padding: 0px;
         border-left: 1px solid #ddd
    }
     .service_home img, .service_home .item_service.active .mask_service_green {
         display: block;
         margin-right: 0px;
         margin-top: -8px;
         margin: auto;
    }
     #carousel_cooper .carousel-item img{
         height: 225px;
    }
     .info_home{
         padding-top: 220px;
         padding-bottom: 20px;
    }
     footer .title_footer{
         text-align: center;
         display: block;
         padding: 30px 15px;
    }
     footer{
         padding: 10px 15px 40px;
    }
     footer .title_footer .btn_get_involved{
         position: static;
    }
     footer .title_footer .logo_footer{
         margin-right: 0px;
         width: 100px;
    }
     footer .item_footer{
         border: none;
         height: auto;
    }
     footer .design_by_hoangphuoc {
         float: none;
         clear: both;
    }
     footer .copy_right p{
         text-align: left;
    }
     .total_info_home{
         padding-top: 60px;
    }
     #carousel_cooper .d-none{
         display: block !important;
    }
     #carousel_cooper .carousel-caption {
         left: 15px;
         right: 15px;
         text-align: left;
         bottom: 0px;
    }
}
@media (max-width: 575px){
     .new_home .left .title_new h4{
         width: 390px;
    }
    #carousel_cooper .carousel-item img{
     height: 190px
    }
}
@media (max-width: 375px){
     .new_home .left .title_new h4{
         width: 405px;
    }
     .new_home .right .title_new h4 {
         width: 305px;
    }
}
/***********************************event***********************************/
.box_top_event{
     margin-top: 110px;
     background-color: #f7f7f7;
}
.box_top_event .title_top_event p{
     color: #0f457a;
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 15px;
}
.event .title_event{
     padding: 25px 0px 35px;
}
.event .title_event h4{
     color: #555;
     font-size: 22px;
}
.event .title_event p{
     font-size: 15px;
     color: #666;
}
.event .header_upcome{
     padding-bottom: 10px;
}
.event .header_upcome ul li a.active{
	border: none;
	font-weight: bold;
}
.event .header_upcome ul li a{
     font-size: 17px;
     color: #666;
     border: none;
     padding: 0px;
}
.event .header_upcome ul li{
     border: none;
     margin-right: 30px;
}
.event .header_upcome ul{
	border: none;
}
.event .wrap_item .item_event .pull-left{
     display: flex;
}
.event .wrap_item .item_event .pull-left img{
     width: 120px;
     height: 70px;
     margin-right: 13px;
}
.event .wrap_item .item_event .pull-left .info{
     margin-top: 10px;
}
.event .wrap_item .item_event .pull-left .info h5{
     font-size: 15px;
     text-transform: uppercase;
     color: #444;
}
.event .wrap_item .item_event .pull-left .info a:hover h5{
     color: #0173bd
}
.event .wrap_item .item_event .pull-left .info p{
     font-size: 13px;
     color: #0173bd;
}
.event .wrap_item .item_event .pull-right .btn_more_info{
     font-weight: bold;
     border: 1px solid #71b443;
     color: #0173bd;
     font-size: 14px;
     padding: 7px 20px;
     margin-top: 17px;
     border-radius: 2px;
     margin-right: 15px;
}
.event .wrap_item .item_event .pull-right .btn_more_info:hover{
     background-color: #0094d9;
     border: 1px solid #0094d9;
     color: #fff;
}
.event{
     padding-bottom: 60px;
}
.event .wrap_item .item_event {
     overflow: hidden;
     padding-bottom: 15px;
     padding-top: 15px;
     border-bottom: 1px solid #ddd;
}
/***/
.event .newletter .title_new,.event .like_us .title_new,.event .popular_new .title_new,.event .feature_partner .title_new{
     display: flex;
}
.event .newletter .title_new h4{
     width: 185px;
     color: #103370;
     font-size: 20px;
}
.event .like_us .title_new h4{
     width: 100px;
     color: #103370;
     font-size: 20px;
}
.event .popular_new .title_new h4{
     width: 230px;
     color: #103370;
     font-size: 20px;
}
.event .feature_partner .title_new h4{
     width: 330px;
     color: #103370;
     font-size: 20px;
}
.event .newletter .title_new .line_new,.event .like_us .title_new .line_new,.event .popular_new .title_new .line_new,.event .feature_partner .title_new .line_new{
     height: 18px;
     background-color: #eee;
     display: block;
     width: 100%;
     margin-top: 5px;
}
.event .newletter,.event .like_us,.event .popular_new,.event .feature_partner{
     padding: 25px 0px 5px;
}
.event .box_main_letter,.event .box_main_likeus,.event .box_main_popular,.event .box_main_feature{
     padding: 20px 20px 30px;
     border: 1px solid #ddd;
     margin-top: 10px;
     border-top: 1.5px solid #004370;
}
/***/
.event .box_main_letter p{
     font-size: 14px;
     color: #555;
     margin-bottom: 15px;
}
.event .box_main_letter .input-group{
     height: 42px;
     background-color: #f7f7f7;
}
.event .box_main_letter .input-group input{
     border-right: none;
     background-color: #f7f7f7;
     border-radius: 1px;
     font-size: 15px;
}
.event .box_main_letter .input-group .input-group-addon{
     background-color: transparent;
     border-radius: 1px;
}
.event .box_main_letter .input-group .input-group-addon .fa-thumbs-o-up{
     font-size: 20px;
     color: #888
}
.event .box_main_letter .input-group .input-group-addon a:hover .fa-thumbs-o-up{
     color: #538aed;
}
.event .box_main_popular .item_new_home {
     padding: 15px;
}
.event .box_main_popular .item_new_home .a_img img{
     float: left;
}
.event .box_main_popular .item_new_home .info {
     margin-top: -3px;
     padding-left: 90px;
}
.event .box_main_popular .item_new_home .info span {
     color: #aaa;
     font-size: 15px;
}
.event .box_main_popular .item_new_home .info a {
     color: #444;
     font-size: 14px;
     display: block;
     margin-top: 5px;
}
.event .box_main_popular .item_new_home .info a:hover{
     color: #0094d9
}
.event .box_main_feature .item_feature{
     margin-bottom: 20px;
}
.event .box_main_feature .item_feature:last-child{
     margin-bottom: 0px;
}
.event .box_main_feature .item_feature:first-child{
     margin-top: 10px;
}
.event .link_social{
     margin-top: 10px;
}
.event .link_social img{
     width: 35px;
     margin-right: 10px;
}
@media (max-width: 1199px){
     .event .feature_partner .title_new h4{
         width: 380px 
    }
}
@media (max-width: 991px){
     .box_top_event{
         margin-top: 60px;
    }
     .event .newletter .title_new h4{
         width: 150px;
    }
     .event .like_us .title_new h4{
         width: 90px;
    }
     .event .popular_new .title_new h4{
         width: 180px;
    }
     .event .feature_partner .title_new h4 {
         width: 250px;
    }
     .event .box_main_feature .item_feature img{
         width: 100%;
    }
     .event .header_upcome select{
         width: 140px;
    }
}
@media (max-width: 767px){
     .event .wrap_item .item_event .pull-right{
         float: none;
         text-align: center;
    }
     .event .newletter .title_new h4{
         width: 185px;
    }
     .event .popular_new .title_new h4{
         width: 220px;
    }
     .event .feature_partner .title_new h4 {
         width: 325px;
    }
}
.bg_money{
     background: url(../img/bg_money.jpg) center center no-repeat;
     background-size: cover;
     padding: 90px 0px 100px;
     color: #fff;
}
.bg_money .box_check_money [type="radio"]:checked,.bg_money .box_check_money [type="radio"]:not(:checked),.check_support [type="radio"]:checked,.check_support [type="radio"]:not(:checked) {
     position: absolute;
     left: -9999px;
}
.bg_money .box_check_money [type="radio"]:checked + label,.bg_money .box_check_money [type="radio"]:not(:checked) + label,.check_support [type="radio"]:checked + label,.check_support [type="radio"]:not(:checked) + label{
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     line-height: 16px;
     display: inline-block;
     color: #666;
     margin-right: 10px;
}
.bg_money .box_check_money [type="radio"]:checked + label:before,.bg_money .box_check_money [type="radio"]:not(:checked) + label:before,.check_support [type="radio"]:checked + label:before,.check_support [type="radio"]:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 18px;
     height: 18px;
     border: 1px solid #ddd;
     border-radius: 100%;
     background: #fff;
}
.bg_money .box_check_money [type="radio"]:checked + label:after,.bg_money .box_check_money [type="radio"]:not(:checked) + label:after,.check_support [type="radio"]:checked + label:after,.check_support [type="radio"]:not(:checked) + label:after {
     content: '';
     width: 10px;
     height: 10px;
     background: #485592;
     position: absolute;
     top: 4px;
     left: 4px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
.bg_money .box_check_money [type="radio"]:not(:checked) + label:after,.check_support [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
}
.bg_money .box_check_money [type="radio"]:checked + label:after,.check_support [type="radio"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
.bg_money .box_check_money .form-control{
     height: 42px;
     background-color: #f7f7f7;
     font-size: 14px;
}
.bg_money .box_check_money{
     background-color: #fff;
     padding: 25px 35px;
     position: absolute;
     width: 450px;
     right: 70px;
     box-shadow: 1px 4px 7px 0px #bbb
}
.bg_money .box_check_money h4{
     color: #031568;
     margin-bottom: 20px;
     font-size: 19px;
     margin-top: 10px;
}
.bg_money .box_check_money .form-check{
     display: inline-block;
}
.bg_money .box_check_money .form-check label{
     font-weight: bold;
     font-size: 20px;
     color: #031568 !important;
}
.bg_money .box_check_money .form-check label span{
     font-size: 13px;
     font-weight: normal;
     margin-right: -4px;
}
.bg_money .box_check_money .form-check-amout{
     margin-top: 15px;
     display: block;
}
.bg_money .box_check_money .form-check-amout .form-control-amout{
     margin-top: -11px;
}
.check_support{
     padding: 100px 0px 70px;
     background-color: #f7f7f7;
     background: url(../img/bg_donate.jpg) center center no-repeat;
     background-size: cover;
}
.check_support label{
     font-weight: bold;
     font-size: 21px;
     color: #031568 !important;
}
/*.check_support p{
     padding-left: 28px;
}*/
.check_support .img_top_support{
     width: 300px;
     margin-top: -40px;
}
.check_support .row{
     margin-bottom: 40px;
}
.check_support .img_top_support1{
     margin-top: 25px;
     width: 320px;
}
.donate{
     background: url(../img/bg_donate.jpg) center center no-repeat;
     background-size: cover;
     padding: 25px 0px 120px;
}
.donate .wrap_donate{
     background-color: #fff;
     padding: 15px 25px 30px;
     box-shadow: 1px 4px 7px 0px #bbb
}
.donate .wrap_donate h4{
     color: #031568;
     margin-bottom: 15px;
     font-size: 18px;
     margin-top: 10px;
}
.donate .wrap_donate input{
     height: 40px;
     border-radius: 2px;
     background-color: #f8f8f8;
     font-size: 14px;
     border: 1px solid #eee;
}
.donate .wrap_donate p{
     font-size: 15px;
}
.donate .wrap_donate .btn_donate{
     background-color: #0e4174;
     color: #fff;
     font-weight: bold;
     padding: 7px 15px;
     margin: 25px auto 0px;
     display: block;
     font-size: 15px;
     transition-duration: 0.2s;
     border-radius: 3px;
}
.donate .wrap_donate .btn_donate:hover{
     background-color: #0094d9;
     transition-duration: 0.2s;
}
@media (max-width: 1199px){
     .bg_money .box_check_money .form-check label{
         margin-right: 4px !important;
    }
     .bg_money .box_check_money{
         width: 420px;
         right: 30px;
    }
     .check_support .img_top_support {
         width: 277px;
         margin-top: 0px;
    }
}
@media (max-width: 991px){
     .bg_money .box_check_money{
         position: static;
         width: auto;
         margin-bottom: 30px;
    }
     .check_support .img_top_support, .check_support .img_top_support1 {
         display: none;
    }
     .bg_money{
         padding-bottom: 30px;
    }
     .check_support{
         padding-top: 20px;
    }
}
@media (max-width: 767px){
     .check_support .row {
         margin-bottom: 20px;
    }
}
/************************************success*****************************************/
.success{
     background: url(../img/bg_donate.jpg) center center no-repeat;
     background-size: cover;
     padding: 80px 0px 140px;
     border-top: 1px solid #ddd;
}
.success .box_success{
     text-align: center;
     background-color: #fff;
     padding: 30px 70px 40px;
     box-shadow: 1px 4px 7px 0px #bbb
}
.success .box_success img{
     width: 265px;
     margin-bottom: 10px;
}
.success .box_success p{
     font-size: 15px;
}
.success .box_success .btn_return_web{
     background-color: #00508d;
     color: #fff;
     font-size: 15px;
     border-radius: 2px;
     padding: 8px 15px;
     margin-top: 15px;
     transition-duration: 0.2s;
     box-shadow: 1px 4px 7px 0px #bbb
}
.success .box_success .btn_return_web:hover{
     background-color: #0094d9;
     transition-duration: 0.2s;
}
@media(max-width: 991px){
     .success{
         padding: 41px 0px 70px;
    }
     .success .box_success{
         padding: 20px 15px 40px;
    }
}
/******************************community_program************************/
.community_program{
     background-color: #f8fbfd;
     padding: 35px 0px 60px;
}
.community_program .title_community{
     margin-bottom: 50px;
}
.community_program .title_community h4{
     color: #444;
}
.community_program .title_community p{
     color: #666;
     margin-top: 15px;
}
.community_program .item_community{
     background-color: #fff;
     margin-bottom: 50px;
     padding: 20px 15px 25px;
     text-align: center;
     box-shadow: 1px 4px 7px 0px #ddd
}
.community_program .item_community:hover{
     box-shadow: 1px 4px 7px 0px #bbb
}
.community_program .item_community .wrap_img{
     margin-bottom: 20px;
     height: 125px;
     display: block !important;
}
.community_program .item_community .wrap_img img{
     width: auto;
     height: 100%;
}
.community_program .item_community p{
     font-size: 15px;
     color: #666;
}
.community_program .item_community a{
     color: #034b88;
     font-size: 15px;
}
.community_program .item_community a:hover{
     color: #0094d9;
}
@media(max-width: 991px){
     .community_program .item_community .wrap_img{
         height: 90px;
    }
}
/**************************box_all_page*******************************/
.box_all_page{
     background: url(../img/bg_all_page.jpg) center center no-repeat;
     background-size: cover;
     padding: 100px 0px 110px;
}
.hisrory_misson .box_info{
     box-shadow: 1px 3px 11px 0px #bbb;
     padding: 20px 40px;
     text-align: justify;
     margin-top: -35px;
     background-color: #fff;
}
.hisrory_misson .box_info h4{
     color: #103370;
     margin-bottom: 20px;
}
.hisrory_misson .box_info p{
     color: #777;
     letter-spacing: 0.2px;
     line-height: 26px;
     font-family: 'Roboto', sans-serif;
}
.hisrory_misson .box_info img{
     width: 190px;
     margin-top: 10px;
     margin-bottom: 10px;
}
.hisrory_misson .box_info p img{
	width: 100% !important
}
.hisrory_misson .box_info .p_bot_history{
     width: 230px;
     text-align: left;
}
.hisrory_misson{
     padding-bottom: 80px;
}
@media (max-width: 767px){
     .hisrory_misson .box_info{
         padding: 20px;
    }
     .box_all_page {
         padding: 70px 0px 90px;
    }
}
/**********************our_staff***************************/
.our_staff{
     padding-bottom: 80px;
}
.our_staff .box_info{
     box-shadow: 1px 4px 7px 0px #bbb;
     padding: 20px 40px;
     margin-top: -35px;
     background-color: #fff;
}
.our_staff .box_info h4{
     color: #103370;
     margin-bottom: 40px;
}
.our_staff .box_info .item_our{
     margin-bottom: 60px;
}
.our_staff .box_info .item_our img{
     width: 110px;
     border-radius: 4px;
     border: 1px solid #bbb;
     float: left;
}
.our_staff .box_info .item_our .info{
     padding-left: 135px;
}
.our_staff .box_info .item_our .info h5{
     color: #0f457a;
     margin-bottom: 13px;
     font-weight: 600;
     font-size: 1.16rem
}
.our_staff .box_info .item_our .info a:hover h5{
	color: #0094d9
}
.our_staff .box_info .item_our .info p{
     font-size: 15px;
     color: #666;
     line-height: 24px;
}
.our_staff .box_info .h5_bot_outstaff {
     color: #0f457a;
     padding-left: 135px;
     margin-bottom: 30px;
}
@media(max-width: 767px){
     .our_staff .box_info .item_our img{
         width: 150px;
         float: none;
         clear: both;
    }
     .our_staff .box_info .item_our .info{
         padding-left: 0;
         margin-top: 15px;
    }
     .our_staff .box_info{
         padding: 20px;
    }
}
/***************************board_director***************************/
.board_director{
     padding-bottom: 80px;
}
.board_director .box_info{
     box-shadow: 1px 4px 7px 0px #bbb;
     padding: 20px 40px;
     margin-top: -35px;
     background-color: #fff;
}
.board_director .box_info h4{
     color: #103370;
     margin-bottom: 40px;
}
.board_director .box_info .item_board{
     margin-bottom: 60px;
}
.board_director .box_info .item_board img{
     width: 95px;
     border-radius: 4px;
     border: 1px solid #bbb;
     float: left;
     margin-top: -5px;
}
.board_director .box_info .item_board .info{
     padding-left: 120px;
}
.board_director .box_info .item_board .info h5{
     color: #0f457a;
     font-size: 18px;
     margin-bottom: 10px;
}
.board_director .box_info .item_board .info p{
     font-size: 15px;
     color: #666;
     margin-bottom: 5px;
}
@media(max-width: 767px){
     .board_director .box_info .item_board img{
         width: 80px;
         margin-top: 0px;
    }
     .board_director .box_info .item_board .info{
         padding-left: 95px;
    }
     .board_director .box_info{
         padding: 20px;
    }
}
/************************awards_recognition**************************/
.awards_recognition{
     padding-bottom: 80px;
}
.awards_recognition .box_info{
     box-shadow: 1px 4px 7px 0px #bbb;
     padding: 20px 40px;
     margin-top: -35px;
     background-color: #fff;
}
.awards_recognition .box_info h4{
     color: #103370;
     margin-bottom: 25px;
}
.awards_recognition .box_info p{
     font-size: 15px;
     color: #666;
     margin-bottom: 35px;
}
.awards_recognition .box_info h5{
     color: #1255b6;
     font-size: 16px;
     letter-spacing: 0.3px;
     padding-left: 62px;
     line-height: 25px;
     margin-bottom: 30px;
}
.awards_recognition .box_info span{
     float: left;
     font-size: 36px;
     font-weight: bold;
     margin-top: -6px;
     color: #103370;
}
@media(max-width: 767px){
     .awards_recognition .box_info{
         padding: 20px;
    }
}
/*********************************partner_support****************************/
.partner_support{
     padding-bottom: 80px;
}
.partner_support .box_info{
     box-shadow: 1px 4px 7px 0px #bbb;
     padding: 20px 40px;
     margin-top: -35px;
     background-color: #fff;
}
.partner_support .box_info h4{
     color: #103370;
     margin-bottom: 25px;
}
.partner_support .box_info p{
     font-size: 15px;
     color: #666;
     margin-bottom: 35px;
}
#carousel_partner{
     margin-bottom: 40px;
     border: 1px solid #ddd;
     padding: 15px;
     border-radius: 5px;
}
#carousel_partner .box_cousa_partner{
     margin-right: 0;
     margin-left: 0;
     position: static;
     margin-top: 15px;
     margin-bottom: 0px
}
#carousel_partner .box_cousa_partner .row{
    justify-content: center;
}
#carousel_partner .box_cousa_partner img{
     border: 1px solid #ddd;
     border-radius: 5px;
     width: 88px;
     margin-bottom: 15px;
}
.box_cousa_partner .col{
     padding: 0px  5px;
}
#carousel_partner .wrap_img{
     position: relative;
}
#carousel_partner .carousel-item:hover .wrap_img:before{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.0);
     background: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4));
     background: -o-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4));
     background: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4));
     background: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.4));
     content: '';
     opacity: 0.1;
     -webkit-transition: all .2s ease;
     -o-transition: all .2s ease;
     transition: all .2s ease;
}
#carousel_partner .carousel-item:hover .wrap_img:before{
     opacity: 0.8;
}
#carousel_partner .carousel-item .wrap_img img{
     margin: 0
}
#carousel_partner .carousel-item .carousel-caption{
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     text-align: left;
         padding: 55px 40px 20px 40px;
    background-image: linear-gradient(transparent, #004370);
}
#carousel_partner .carousel-item .carousel-caption h4{
     color: #fff;
     font-size: 18px;
     letter-spacing: 0.5px;
     padding-bottom: 0px;
     margin-bottom: 0px;
}

/*#carousel_partner .carousel-control-next, #carousel_partner .carousel-control-prev{
     bottom: 20%;
}*/
.partner_support .box_info .h5_private_sector{
     color: #0f457a
}
.partner_support .box_info .private_sector ul{
     padding-top: 10px;
     padding-bottom: 40px;
}
.partner_support .box_info .private_sector li{
     margin-bottom: 8px;
     color: #555;
}
@media(max-width: 767px){
     .partner_support .box_info{
         padding: 20px;
    }
     .partner_support .box_info .private_sector ul{
         margin-bottom: 0px;
         padding-bottom: 0px;
    }
     #carousel_partner .box_cousa_partner img{
         height: 50px;
    }
}
/***************************************news********************************/
.news .title_news{
     background: url(../img/bg_news.jpg) center center no-repeat;
     background-size: cover;
     padding: 60px 40px 170px;
     margin-bottom: 30px;
}
.news{
     padding: 30px 0px 60px;
}
.news .newletter{
     padding-top: 0px;
}
.news .title_news .wrap_title_news{
     color: #fff;
     width: 70%;
}
.news .title_news .wrap_title_news h4{
     margin-bottom: 20px;
}
.news .title_news .wrap_title_news a{
     color: #fff;
     margin-top: 25px;
     display: block;
}
.news .title_news .wrap_title_news a:hover{
     color: #007bff;
}
.news .title_feature_new{
     display: flex;
}
.news .title_latest_new{
     display: flex;
     margin-top: 30px;
}
.news .title_feature_new h4{
     width: 185px;
     color: #103370;
     font-size: 20px;
}
.news .title_latest_new h4{
     width: 155px;
     color: #103370;
     font-size: 20px;
}
.news .title_feature_new .line_new,.news .title_latest_new .line_new{
     height: 18px;
     background-color: #eee;
     display: block;
     width: 100%;
     margin-top: 6px;
}
.news .item_feature_new,.news .item_feature_new_big{
     padding: 15px;
     border: 1px solid #ddd;
     margin-top: 25px;
     border-top: 1.5px solid #004370;
     box-shadow: 1px 4px 7px 0px #eee;
}
.news .item_feature_new .card{
     border: none;
}
.item_feature_new h4{
     color: #444;
     font-size: 1.2rem
}
.item_feature_new a:hover h4,
.item_feature_new_big a:hover h4{
     color: #0094d9 !important;
}
.news .item_feature_new .card .card-body{
     padding: 0px
}
.news .item_feature_new .card .card-body span,.news .item_feature_new_big span{
     font-size: 13px;
     margin-top: 10px;
     display: block;
     margin-bottom: 10px;
     color: #777;
}
.news .item_feature_new .card .card-body h4,.news .item_feature_new_big h4{
     font-size: 20px;
     color: #103370
}
.news .item_feature_new .card .card-body p,.news .item_feature_new_big p{
     font-size: 15px;
     color: #555;
}
@media (max-width: 991px){
     .news .title_news{
         padding: 60px 40px 
    }
}
@media (max-width: 767px){
     .news .title_news .wrap_title_news{
         width: 100% 
    }
     .news .title_feature_new h4{
         width: 265px;
    }
     .news .title_latest_new h4{
         width: 195px;
    }
}
.next_previous {
     padding: 6px 0px;
     border-bottom: 1px solid #ddd;
}
.next_previous a{
     color: #1b4d9f
}
.next_previous a:hover{
     color: #007bff;
}
.next_previous .left i{
     float: left;
     display: block;
     font-size: 20px;
     margin-top: 11px;
}
.next_previous .left p{
     padding-left: 30px;
     margin-bottom: 0px;
}
.next_previous .right{
     margin-top: 15px;
     display: block;
     margin-left: 30px;
}
.next_previous .right p{
     float: left;
     margin-bottom: 0px;
     display: block;
}
.next_previous .right i{
     padding-left: 15px;
     font-size: 20px;
}
/***************************************services**********************************/
.services{
     padding-bottom: 80px;
}
.services .box_info{
     box-shadow: 1px 4px 7px 0px #bbb;
     padding: 20px 40px;
     margin-top: -90px;
     background-color: #fff;
}
.services .box_info h4{
     color: #103370;
     margin-bottom: 25px;
}
.services .box_info p{
     font-size: 15px;
     color: #666;
     margin-bottom: 25px;
}
.services .box_info ul{
     padding-left: 15px;
     margin-bottom: 25px;
}
.services .box_info ul li{
     font-family: 'Roboto', sans-serif;
     padding: 3px 0px;
     color: #444;
}
@media(max-width: 767px){
     .services .box_info{
         padding: 20px;
    }
}
/******************************planning_document***************************/
.planning_document .newletter{
     padding-top: 0px;
}
.planning_document{
     background-color: #f7f7f7;
     border-top: 1px solid #ddd;
     padding: 30px 0px 80px;
}
.planning_document .box_info_document{
     background-color: #fff;
     padding: 25px 20px 50px;
     border: 2px solid #e1effd;
}
.planning_document .box_info_document h4{
     color: #004370;
     margin-bottom: 30px;
     font-size: 1.4rem;
}
.planning_document .box_info_document .item_document{
     box-shadow:1px 2px 6px 1px #eee;
     padding: 15px;
     margin-bottom: 25px;
}
.planning_document .box_info_document .item_document:hover{
     box-shadow:1px 2px 6px 1px #ccc;
}
.planning_document .box_info_document .item_document .left img{
     border: 1px solid #ddd;
}
.planning_document .box_info_document .item_document .right img{
     width: 19px;
}
.planning_document .box_info_document .item_document .right h5{
     color: #004370;
     font-size: 1.2rem;
     margin-top: 5px;
}
.planning_document .box_info_document .item_document .right p{
     color: #444;
     font-size: 15px;
     line-height: 25px;
}
.planning_document .box_info_document .item_document .right a{
     color: #0074be;
}
@media (max-width: 767px){
     .planning_document .box_info_document .item_document .left img{
         width: 100%;
         margin-bottom: 10px;
    }
}
@media (max-width: 991px){
     .planning_document .box_info_document{
         margin-bottom: 25px;
    }
}
/************************************annual_report**********************************/
.annual_report .newletter{
     padding-top: 0px;
}
.annual_report{
     background-color: #f7f7f7;
     border-top: 1px solid #ddd;
     padding: 30px 0px 80px;
}
.annual_report .box_info_annual{
     background-color: #fff;
     padding: 25px 20px 50px;
     border: 2px solid #e1effd;
}
.annual_report .box_info_annual h4{
     color: #004370;
     margin-bottom: 30px;
     font-size: 1.4rem;
}
.annual_report .box_info_annual .item_annual{
     box-shadow:1px 2px 6px 1px #eee;
     padding: 15px 15px 30px;
     margin-bottom: 25px;
}
.annual_report .box_info_annual .item_annual:hover{
     box-shadow:1px 2px 6px 1px #ccc;
}
.annual_report .box_info_annual .item_annual .bg_item_annual{
     width: 100%;
     margin-bottom: 15px;
}
.annual_report .box_info_annual .item_annual h5{
     color: #004370;
     font-size: 1.2rem;
     margin-top: 5px;
}
.annual_report .box_info_annual .item_annual p{
     color: #444;
     font-size: 15px;
     line-height: 25px;
}
.annual_report .box_info_annual .item_annual .btn_download{
     color: #fff;
     background-color: #004673;
     font-size: 14px;
     padding: 9px 16px;
     transition-duration: 0.2s
}
.annual_report .box_info_annual .item_annual .btn_download:hover{
     background-color: #0094d9;
     transition-duration: 0.2s
}
.annual_report .box_info_annual .item_annual .icon_download{
     width: 17px;
     margin-top: -5px;
     margin-right: 5px;
}
@media (max-width: 991px){
     .annual_report .box_info_annual{
         margin-bottom: 25px;
    }
}
/****************************************project**********************************/
.project{
     padding: 45px 0px 80px;
}
.project h4{
     color: #0f457a;
     margin-bottom: 15px;
     font-size: 1.35rem
}
.project .p_title{
     font-size: 15px;
     color: #555;
     margin-bottom: 30px;
}
.project .p_link{
     color: #0f457a;
     font-size: 14.5px;
     margin-bottom: 12px;
     text-align: center;
}
.project .p_link:hover{
     color: #0094d9;
}
.project hr{
     width: 50%;
     margin-top: 25px;
}
.project .p_bottom{
     color: #444;
     text-align: center;
     font-size: 14.5px;
}
.project .p_bottom a{
     color: #0f457a;
}
.project .p_bottom a:hover{
     color: #0094d9;
}
.project .wrap_img_map img{
     box-shadow: 1px 1px 15px 1px #bbb;
     margin-top: 20px;
}
/*******************************************box_single_all_page************************************/
.box_single_all_page{
     background: url(../img/bg_all_page.jpg) center center no-repeat;
     background-size: cover;
     padding: 60px 0px 70px;
}
.box_single_all_page h1{
     margin-bottom: 25px;
     letter-spacing: 1px;
}
.box_single_all_page h5{
     font-size: 1.1rem;
     letter-spacing: 1px;
     margin-bottom: 20px;
}
.box_single_all_page .p_link{
     color: #fff;
     font-size: 14.5px;
     margin-bottom: 12px;
     text-align: center;
}
.box_single_all_page .p_link:hover{
     color: #0094d9;
}
/********************************item_single_page********************************/
.item_single_page {
     padding: 45px 0px 80px;
}
.item_single_page .newletter{
     padding-top: 0px;
}
.item_single_page .box_item_single{
     box-shadow: 1px 1px 15px 1px #eee;
     padding: 20px;
     margin-bottom: 25px;
}
.item_single_page .box_item_single:hover{
     box-shadow: 1px 1px 15px 1px #ccc;
}
.item_single_page .box_item_single img{
     width: 100%;
     margin-bottom: 20px;
}
.item_single_page .box_item_single h5{
     display: inline-block;
     color: #0f457a;
     font-size: 1.1rem;
     margin-bottom: 15px;
}
.item_single_page .box_item_single span{
     float: right;
     color: #0094d9;
}
.item_single_page .box_item_single p{
     font-size: 15.5px;
     color: #444;
     letter-spacing: 0.3px;
}
@media (max-width: 576px){
     .item_single_page .box_item_single span{
         float: none;
         margin-bottom: 15px;
         display: block;
    }
     .item_single_page .box_item_single h5{
         display: block;
         margin-bottom: 5px 
    }
}
.next_previous_profile .left{
     margin-top: 13px;
     display: block;
     margin-bottom: 13px;
     margin-left: 20px;
}
.next_previous_profile .left i {
     float: left;
     display: block;
     font-size: 20px;
     margin-top: 1px;
}
.next_previous_profile .left p {
     padding-left: 30px;
     margin-bottom: 0px;
}
.next_previous_profile .right p {
     float: left;
     margin-bottom: 0px;
     display: block;
}
.next_previous_profile .right i {
     padding-left: 15px;
     font-size: 20px;
}
.next_previous_profile .right {
     margin-top: 13px;
     display: block;
     margin-left: 60px;
     margin-bottom: 13px;
}
.next_previous_profile a {
     color: #1b4d9f;
}
.next_previous_profile a:hover {
     color: #007bff;
}
.next_previous_profile {
     border-bottom: 1px solid #ddd;
}
/**************************page_profile****************************/
.page_profile {
     padding-top: 25px;
}
.page_profile .wrap_profile{
     padding-top: 25px;
     padding-right: 40px;
}
.page_profile .wrap_profile .image_staff_new{
     float: left;
    margin-right: 20px;
    margin-bottom: 0;
}
.page_profile .wrap_profile h4{
     color: #103370;
     margin-bottom: 15px;
}
.error_input{
    border: 1px solid red;
}
.btn_newsletter{
     border: none;
     background-color: transparent;
     cursor: pointer;
     padding: 0;
}
.btn_newsletter i:hover{
     color: #007bff !important;
}

.info_bottom_staff{
	padding-left: 130px;
    padding-bottom: 20px;
}
.info_bottom_staff h5{
	margin-bottom: 10px;
    color: #0f457a;
    font-size: 1.16rem;
    font-weight: 600;
}

/***********************************new design************************************/

.box_all_art{
    background: url(../img/bg_all_art.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_all_policing{
    background: url(../img/bg_all_policing.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}

.box_all_employment{
    background: url(../img/bg_all_employment.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_all_here{
    background: url(../img/bg_all_here.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_all_park{
     background: url(../img/bg_all_park.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}

.hisrory_misson .box_info h5{
     font-size: 1.15rem;
     color: #444
}
.hisrory_misson .box_info ul li{
     font-family: 'Roboto', sans-serif;
     color: #777;
     margin-bottom: 10px
}
.hisrory_misson .ul_park_recreation{
     padding-top: 15px;
}
.hisrory_misson .ul_park_recreation li{
     list-style-type: none;
     margin-bottom: 8px;
}
.hisrory_misson .ul_park_recreation li i{
     color: #69c924;
     font-size: 17px;
    margin-right: 8px;
}

.wrap_img_map{
     box-shadow: 1px 1px 15px 1px #bbb;
     padding: 20px;
}

/* Neighborhood Map (Projects Landing Page) */
#neighborhood-map {
  width: 525px;
  height: 700px;
  background-image: url(../img/mapinline.09.26.11.jpg);
  background-repeat: no-repeat;
  position: relative;
}

/* Map controllers */
#neighborhood-map a  {
  display: block;
  position: absolute;
  left: 520px;
  top: 700px;
}

/* Hide link text */
#neighborhood-map a strong {
  display: block;
  position: absolute;
  left: -10000px;
  margin-left: -10000px;
  text-indent: -10000px;
}
.neighborhood-map-instructions {
  text-align: center;
  padding: 8px 0;
}

a#nmap_north-camden {
  top: 110px;
  left: 45px;
  width: 110px;
  height: 45px;
}
#neighborhood-map.north-camden {
  background-position: -525px 0;
}


a#nmap_coopers-grant {
  top: 170px;
  left: 10px;
  width: 130px;
  height: 35px;
}
#neighborhood-map.coopers-grant {
  background-position: -1050px 0;
}

a#nmap_downtown {
  top: 220px;
  left: 70px;
  width: 90px;
  height: 35px;
}
#neighborhood-map.downtown {
  background-position: -1575px 0;
}

a#nmap_central-waterfront {
  top: 260px;
  left: 0px;
  width: 105px;
  height: 40px;
}
#neighborhood-map.central-waterfront {
  background-position: -2100px 0;
}

a#nmap_lanning-square {
  top: 303px;
  left: 70px;
  width: 85px;
  height: 50px;
}
#neighborhood-map.lanning-square {
  background-position: -2625px 0;
}

a#nmap_gateway {
  top: 285px;
  left: 160px;
  width: 80px;
  height: 40px;
}
#neighborhood-map.gateway {
  background-position: -3150px 0;
}

a#nmap_parkside {
  top: 325px;
  left: 215px;
  width: 95px;
  height: 40px;
}
#neighborhood-map.parkside {
  background-position: -3675px 0;
}

a#nmap_cramer-hill {
  top: 100px;
  left: 235px;
  width: 125px;
  height: 35px;
}
#neighborhood-map.cramer-hill {
  background-position: -4200px 0;
}

a#nmap_east-camden {
  top: 190px;
  left: 325px;
  width: 125px;
  height: 45px;
}
#neighborhood-map.east-camden {
  background-position: -4725px 0;
}

a#nmap_liberty-park {
  top: 400px;
  left: 120px;
  width: 75px;
  height: 45px;
}
#neighborhood-map.liberty-park {
  background-position: -5250px 0;
}

a#nmap_waterfront-south {
  top: 500px;
  left: 30px;
  width: 110px;
  height: 40px;
}
#neighborhood-map.waterfront-south {
  background-position: -5775px 0;
}
a#nmap_centerville {
  top: 455px;
  left: 110px;
  width: 110px;
  height: 40px;
}
#neighborhood-map.centerville {
  background-position: -6300px 0;
}

a#nmap_morgan-village {
  top: 540px;
  left: 115px;
  width: 150px;
  height: 30px;
}
#neighborhood-map.morgan-village {
  background-position: -6825px 0;
}

a#nmap_fairview {
  top: 615px;
  left: 170px;
  width: 100px;
  height: 50px;
}
#neighborhood-map.fairview {
  background-position: -7350px 0;
}


a#nmap_whitman-park {
  top: 415px;
  left: 210px;
  width: 100px;
  height: 50px;
}
#neighborhood-map.whitman-park {
  background-position: -7875px 0;
}


a#nmap_city-wide {
  top: 495px;
  left: 320px;
  width: 180px;  
  height: 60px;
}
a#nmap_city-wide:hover {
  text-decoration: none;
}
a#nmap_city-wide span.rollover {
  display: block;
  width: 180px;  
  height: 60px;
  line-height: 60px;
}

a#nmap_city-wide:hover span.rollover {
  border: 4px solid #8592C9;
}
#nmap_city-wide {
  background-position: -7875px 0;
}




/**
* Project list view
*/
#view-neighborhood-map {
  float: right;
  clear: both;
  margin-top: 20px;
}
.projects-list {
  width: 640px; /* IE7 needs this */
}
.projects-list .views-field-field-project-status-value {
  float: right;
}
.projects-list .views-row {
  margin: 40px 0;
  float: left;
  clear: both;
  width: 640px; /* IE7 needs this */
}
.projects-list .view-header {
}
#project-list-neighborhood-links {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 12px;
}
#project-list-neighborhood-links a
{
  font-size: .9em;
     display: block;
     white-space: nowrap;
     padding: 0;
  height: auto;
     line-height: 1.5em;
}
#project-list-neighborhood-links .leftCol {
  white-space: nowrap;
  margin-right: 20px;
  float: right;
}
#project-list-neighborhood-links .rightCol {
  white-space: nowrap;
  float: right;
}
.projects-list .views-field-body {
  margin-top: 20px;
}
.projects-list .views-field-title a {
  color: #000;
  font-weight: bold;
  font-size: 1.2em;
}
.projects-list .views-field-field-project-status-value {
  color: #666;
  font-style: italic;
  margin-right: 20px;
}
#project-status-sort-order {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #bbb;
  padding-top: 12px;
}

.view-id-Neighborhood_Introduction {
 margin-top: 60px;
}
.view-id-Neighborhood_Introduction .views-header {
  margin-bottom:10px;
}
.view-id-Neighborhood_Introduction  h3 {
  font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;  
  font-size: 1.25em;
  font-weight: bold;
}
.view-id-Neighborhood_Introduction .views-row {
  margin-top: 0;
}
.info_event{
     display: flex;
    align-items: flex-end;
    margin-top: -45px;
    padding-left: 15px;
}
.info_event .info_left_event{
     text-align: center;
    background-color: #103370;
    color: #fff;
    padding: 18px 30px;
    margin-right: 15px
}
.info_event .info_left_event h1{
     margin-bottom: 0px;
}
.info_event .info_left_event h4{
     font-size: 1.3rem;
}
.info_event .info_right_event p{
     margin-bottom: 0.5rem;
     color: #777;
     font-size: .9rem
}
.info_event .info_right_event  i{
     width: 15px;
}
.left_event_detail{
     padding: 25px 30px;
     border: 1px solid #ddd;
     margin-top: 30px;
}
.left_event_detail .title_content{
     margin-top: 20px;
     color: #103370;
}
.left_event_detail .btn_more_info{
    font-weight: bold;
    border: 1px solid #71b443;
    color: #0173bd;
    font-size: 15px;
    padding: 10px 20px;
    margin-top: 17px;
    border-radius: 2px;
    margin-right: 15px;
}
.left_event_detail .btn_more_info:hover{
    background-color: #0094d9;
    border: 1px solid #0094d9;
    color: #fff;
}
.place_event_perform{
     border: 1px solid #ddd;
    margin-top: 35px;
    padding: 25px;
    background-color: #f7f7f7;
    border-radius: 3px;
}
.place_event_perform h4{
     color: #103370;
}
.place_event_perform label{
     margin-bottom: 0px;
     font-weight: bold;
     color: #777
}
.place_event_perform p{
     margin-bottom: .8rem;
     color: #666;
}
.p_event_detail{
     color: #777;
    letter-spacing: 0.2px;
    line-height: 26px;
}
.bg_map{
     background: url(../img/bg_map.jpg) center center no-repeat;
    background-size: cover;
}
.box_incentive_support{
    background: url(../img/bg_incentive_support.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.ul_incentive_support{
     padding-left: 17px;
}
.ul_incentive_support li{
     color: #1b4f9e;
         font-weight: 600;
    line-height: 29px;
}
.ul_incentive_support li a{
     color: #1b4f9e;
}
.ul_incentive_support li a:hover{
     color: #007bff;
}
.logo_business_larg img{
     width: 110px !important;
    margin-right: 20px;
    border: 1px solid #bbb;
    border-radius: 3px;
}
.logo_business_larg{
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 20px
}
.box_real_estate{
    background: url(../img/bg_real_estate.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_valunteer{
     background: url(../img/bg_valunteer.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_valunteer1{
     background: url(../img/bg_valunteer1.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_investment{
     background: url(../img/bg_investment.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_innovation{
     background: url(../img/bg_innovation.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_community{
     background: url(../img/bg_community.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_vibrant{
     background: url(../img/bg_vibrant.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;    
}
.box_news{
	background: url(../img/box_news.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;  
}
.contact_real_estate{
     padding: 25px;
     border: 1px solid #ddd;
}
.contact_real_estate h5{
     color: #031568 !important;
     font-size: 1.3rem !important;
     margin-bottom: 15px;
}
.contact_real_estate p{
     margin-bottom: 0.5rem;
     font-weight: 600
}
.contact_real_estate form{
     margin-top: 30px;
}
.contact_real_estate input{
     height: 42px;
}
.btn_send_estate{
     background-color: #1b4f9e;
     color: #fff;
     font-weight: 600;
     transition-duration: 0.3s;
     padding: 7px 30px;
}
.btn_send_estate:hover{
     background-color: #538aed;
     color: #fff;
     transition-duration: 0.3s;
}
.box_doing_business{
     background: url(../img/bg_doing_business.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_project_whatwedo{
     background: url(../img/bg_project_whatwedo.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}
.box_projects{
	background: url(../img/bg_projects.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0px 130px;
}

.content_doing_business h5{
     color: #031568 !important;
     font-size: 1.1rem !important
}
.box_img_project_map{
     text-align: center;
     margin-top: 60px;
}
.box_img_project_map img{
     width: 550px !important;
     margin: auto;
}

.title_top_event .breadcrumb{
     background-color: transparent;
     margin-bottom: 0px;
}
.title_top_event .breadcrumb li a{
     color: #0f457a;
     font-size: 15px;
}
.title_top_event .breadcrumb li.active a,
.title_top_event .breadcrumb li a:hover{
     color: #0094d9;
}

.title_top_event .breadcrumb li a,
.title_top_event .breadcrumb li{
     color: #0f457a;
     font-size: 15px;
}
.info_new_detail{
     font-size: 14px;
    color: #777;
    margin-bottom: 20px;
    display: block;
    margin-top: -3px;
}



@media (max-width: 767px){
     .info_event{
          margin-top: -20px;
     }
     .info_event .info_left_event{
          padding: 8px 20px;
     }
}

.project_detail{
	padding-top: 30px;
	padding-bottom: 60px;
}


.project_detail h2{
	color: #144084;
}
.box_project_detail h4{
	color: #144084;
	font-size: 1.4rem
}
.box_project_detail a:hover h4{
	color: #1f5bb9
}
.box_project_detail h5{
	color: #777;
    font-size: 1.1rem;
}
.box_project_detail p,
.box_project_detail ul li{
	font-family: 'Roboto', sans-serif;
	color: #555;
    letter-spacing: 0.2px;
    line-height: 26px;
}
.box_project_detail{
	border: 1px solid #ddd;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 2px
}
.box_img_project_detail{
	margin-top: 20px;
}
.box_img_project_detail img{
	width: 170px;
	margin-right: 10px;
	border-radius: 5px;
}
.box_scroll_project{
	border: 1px solid #ddd;
    border-radius: 2px;
    border-top: 3px solid #144084;
}
.box_scroll_project ul{
	padding: 10px 0px;
	margin-bottom: 0px;
}
.ul_category{
	padding: 0px !important;
	height: 0px;
     overflow: hidden;
}
.ul_category li{
	padding: 1px 15px !important;
}
.ul_category li a{
	font-weight: 500 !important
}
.ul_category.active{
     height: 105px;
}
.box_scroll_project li{
	list-style-type: none;
	padding: 3px 20px;
}
.box_scroll_project li:hover{
	background-color: #f7f7f7;
}
.box_scroll_project a{
	color: #666;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: .9rem
}
.box_scroll_project li a.active,
.box_scroll_project li a:hover{
	color: #144084 !important;
}
.box_info_postdetail{
     box-shadow: 1px 4px 7px 3px #bbb !important;
    margin-top: 25px !important;
}
.box_info_postdetail h4{
     font-size: 21px !important;
     margin-bottom: 15px !important;
}
.box_cousa_partner .item_partner{
     padding-left: 5px;
    padding-right: 10px;
}
.box_info_postdetail p {
    color: #777;
    letter-spacing: 0.2px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}

.table_responsive{
     border: 1px solid #ddd;
}
.table_responsive thead th{
     background-color: #ddd;
    border: none;
    font-size: 15px;
}
.table_responsive tbody td{
     font-size: 15px;
}


.item_community .wrap_img{
     text-align: center;
}
.item_community .wrap_img .img_community {
     width: 240px;
     margin-bottom: 15px;
}
.item_community h5{
     font-size: 1.3rem !important;
    margin-bottom: 15px !important;
    color: #103370 !important
}
.box_load_more{
     padding: 30px 0px;
     text-align: center;
}
.learn_more{
     background-color: #0094d9;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}
.learn_more:hover{
     color: #fff;
     background-color: #3ebbf5
}
.img_width{
     width: 100% !important;
     margin-bottom: 15px !important
}

.form_volunteer{
     padding: 30px 0px
}
.form_volunteer .col-form-label{
     color: #666;
     font-size: 15px;
}
.form_volunteer .col-form-label span{
     color: red
}
.form_volunteer input{
     background-color: #ddd;
}
.form_volunteer .form-check-label{
     padding-left: 1.5rem;
     color: #666
}
.form_volunteer .form-check-input {
    margin-top: .41rem;
    margin-left: 0;
}
.form_volunteer .form_check .form-check-input{
     margin-top: .8rem;
}
.form_volunteer .form_check .form-check-label{
     display: inline-flex;
    align-items: center;
    width: 100%;
}
.form_volunteer .form_check .form-check-label input{
     margin-left: 10px;
}
.form_volunteer button{
     background-color: #0094d9;
    color: #fff;
    padding: 9px 45px;
    font-weight: 600;
    margin-top: 30px;
}
/*******************************news_new**************************/

.news_new{
	padding: 20px 0 70px;
}
.news_new .box_item_news{
	display: flex;
    border-bottom: 1px solid #bbb;
    padding: 20px 0px;
}
.news_new .box_item_news img{
	margin-right: 20px;
}
.news_new .box_item_news .body_item_news h4{
	color: #063196;
	font-size: 1.4rem
}
.news_new .box_item_news .body_item_news a:hover h4{
	color: #007bff;
}
.news_new .box_item_news .body_item_news span{
	display: block;
	font-size: 14px;
    margin-bottom: 4px;
    color: #444;
}
.news_new .box_item_news .body_item_news p{
	display: inline;
	color: #555
}
.news_new .box_item_news .body_item_news .title_item_news ul{
	padding: 0;
	display: flex;
	align-items: center;
}
.news_new .box_item_news .body_item_news .title_item_news{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.news_new .box_item_news .body_item_news .title_item_news ul li{
	list-style-type: none;
}
.news_new .box_item_news .body_item_news .title_item_news ul li .facebook {
     border: 1.5px solid #063196;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    padding: 2px 9px;
    display: block;
    margin-right: 8px;
    color: #063196;
    font-size: 15px;
    margin-left: 6px;
}
.news_new .box_item_news .body_item_news .title_item_news ul li .twitter {
        border: 1.5px solid #063196;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    padding: 1px 6px;
    display: block;
    margin-right: 12px;
    color: #063196;
}
.news_new .box_item_news .body_item_news .title_item_news ul li .facebook:hover,
.news_new .box_item_news .body_item_news .title_item_news ul li .twitter:hover {
    border: 1.5px solid #007bff;
    color: #007bff;
}
.box_pagination {
	display: flex;
	justify-content: center;
	padding: 40px 0 0;
}
.box_pagination .pagination>li:first-child>a, 
.box_pagination .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.box_pagination .pagination>li>a, 
.box_pagination .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.box_pagination .pagination>li:last-child>a, 
.box_pagination .pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.box_pagination .pagination>.disabled>a, 
.box_pagination .pagination>.disabled>a:focus, 
.box_pagination .pagination>.disabled>a:hover, 
.box_pagination .pagination>.disabled>span, 
.box_pagination .pagination>.disabled>span:focus, 
.box_pagination .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.box_pagination .pagination>.active>a, 
.box_pagination .pagination>.active>a:focus, 
.box_pagination .pagination>.active>a:hover, 
.box_pagination .pagination>.active>span, 
.box_pagination .pagination>.active>span:focus, 
.box_pagination .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.title_news_home_right{
    text-align: right;
}
.title_news_home{
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}
.title_news_home h3{
    margin-bottom: 0px !important;
    color: #103370;
    margin-bottom: 25px;
    font-size: 1.8rem;
}
.title_news_home .btn{
        border: 1px solid #063196;
    color: #063196;
    padding: 5px 15px;
    border-radius: 2px;
    font-size: 15px;
}
.title_news_home .btn:hover{
    background-color: #0f6aa4; 
    color: #fff;
    border: 1px solid #063196;
}
.btn_view_version{
    background-color: #6aab43;
    color: #fff;
    margin-bottom: 25px;
}
.btn_view_version:hover{
    color: #fff;
}
.input_news{
    height: 42px;
}
.input_news i{
    color: #666;
}
.input_news a:hover i{
    color: #007bff;
}
.jobs-banner {
    /* min-height: 695px; */
    height: 100%;
}
.job-wrap {
    padding: 30px 0px;
}
.job-wrap .job-img-wrap {
    background-color: #0a255a;
    width: 100%;
    height: 260px;
}
.job-wrap .job-title {
    padding-bottom: 15px;
}
.job-wrap .job-desc {
    margin-bottom: 25px;
}
.job-wrap .job-link {
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #0a255a;
    background-color: #0a255a;
    padding: 6px 15px;
    color: #fff;
}
.job-wrap .job-link:hover,
.job-wrap .job-link:focus {
    background-color: #fff;
    color: #0a255a;
}

.btn-blue,
header .nav_menu_bot li a.btn-blue{
    background-color: #063196;
    color: #FFF !important;
    border: 1px solid #063196;
}

.btn-blue:hover,
header .nav_menu_bot li a.btn-blue:hover{
    background-color: #FFF;
    color: #063196 !important;
}

header.afterscroll .btn-blue, header .nav_menu_bot li a.btn-blue {
    border: 1px solid #FFF;
}

.fs-20{
    font-size: 20px;
}

.text-black{
    color: #000;
}