@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

html {
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}

.error_msg {
    margin-top: 10px;
    display: none;
    color: red;
}
body {
    margin: 0px;
    line-height: normal;
    -webkit-transition-property:-webkit-scrolling;
    -webkit-transition-duration:0.5s;
    -webkit-transition-delay:0.1s;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
body.tc_font{
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; !important;
}
.subheader, .background{
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
i{
    padding-left: 15px;   
    vertical-align: text-bottom;
}
a,a:hover ,a:link , a:active ,a:visited{
    color: inherit;
    text-decoration: none;
}
p a, .page_footer a{
    text-decoration: underline !important;
    color: #0f75bc !important;
    cursor: pointer;
    transition: color 0.2s;
}
p a:hover{
    color: #0f75bc; 
}
.vertical_align_top {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
}
.vertical_align_center {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    align-items: center;
}
.vertical_align_bottom {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-end; /* Safari 7.0+ */
    display: flex;
    align-items: flex-end;
}

.flex_space_between {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex_end {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex_center {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex_start {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.v_header .banner .one, .v_header .banner .two, .v_header .banner .three,.v_header .mobile_banner .one, .v_header .mobile_banner .two, .v_header .mobile_banner .three{
    background:  no-repeat center center ;
}
.v_header .banner .carousel-inner, .v_header .mobile_banner .carousel-inner{
    height: 100%;
}
.v_header  .mobile_banner .carousel-inner > .item {
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    object-fit: scale-down;
}
.v_header  .banner .carousel-inner > .item {
    width: 100%; 
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.v_header .mobile_banner{
    margin-top: 140px;
    height: 400px;
    position: relative;
    overflow: hidden;
    z-index: -1;
    background-size: contain;
}
.v_header .fullBanner .banner{
    height: calc(100% - 215px);
    position: relative;
    background-size: contain;
}
.v_header .fullBanner .tagline, .v_header .mobile_banner .tagline{
    color: #FFF;
    font-size: 81px;
    position: absolute;
    top: 60%;
    left: 30%;
    z-index: 2;
    transform: translate(-50%,-50%);
    text-shadow: 1px 5px 4px rgba(0,0,0,0.75)
}
.tc_font .v_header .fullBanner .tagline,.tc_font .v_header .mobile_banner .tagline{
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_header .mobile_banner .tagline{
    left: 40%;
    font-size: 60px;
}
.v_header .fullBanner .donate_btn, .v_header .mobile_mode .donate_btn{
    font-size: 2vw;
    color: #FFF;
    z-index: 2;
    right: 10vw;
    top: 4vw;
    position: absolute;
}
.v_header .mobile_mode .donate_btn{
    top: 55%;
    right: 15%;
    font-size: 40px;
    z-index: 103;
}
.v_header .fullBanner .donate_btn_text{
    position: absolute;
    right: -40%;
    bottom: -25%;
}
.v_header .fullBanner .donate_btn_text .text{
    position: absolute;
    bottom: 1vw;
    right: 30%;
}
.v_header .fullBanner .bannerMenuBarMask{
    overflow: hidden;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar{
    padding-top: 15px;
    height:  100%;
    text-align: center;
    opacity: 1;
    transition:opacity 0.2s ;
    background-color: #fff;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .top img{
    width: 225px;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom{
    margin: 0 auto;
    padding-top: 20px;
    max-width: 1800px;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .top_nav div{
    display: inline-block;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .top_nav div div, .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .bottom_nav div{
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-right: 80px;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .top_nav .lower div:last-child{
    margin-right: 0;
}
.v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .bottom_nav{
    margin-top: 15px;
    margin-left: 50px;
}
.v_header .menu_bar {
    position:  fixed;
    left: 0;
    top: 0;
    zoom: 0.9;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    display: none;
    transition:opacity 0.5s ;
    z-index: 0;
}
.v_header .menu_bar.selected {
    opacity: 1;
    display: block;
}   
.v_header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    /*background-color: #FFF;*/
    z-index: 16;
    background: -webkit-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 20px,#FFFFFF 20px,#FFFFFF);
    background: -o-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 20px,#FFFFFF 20px,#FFFFFF);
    background: -moz-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 20px,#FFFFFF 20px,#FFFFFF);
    background: linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 20px,#FFFFFF 20px,#FFFFFF);
}
.v_header > .header_position{
    position: fixed; 
}
.v_headerMask{
    margin-bottom: -15px;
    position:  relative;
    opacity: 0;
    z-index: -1;
}
.v_header .top .menu{
    max-width: 1560px;
    padding: 0px 20px;
    margin: 0 auto;
}
.v_header .top .menu .right{
    height: 107px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 85%;
}
.v_header .top .menu .left{
    max-width: 270px;
    width: 100%;
    height: 100%;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
.v_header .top .menu .left img{
    width: 250px;
}
.v_header .top .right .lang{
    padding-left: 20px;
    font-size: 18px;
    font-weight: 900;
    color: #818285;
    margin-bottom: 10px;
    vertical-align: bottom;
}
.v_header .top .right .lang span{
    cursor:  pointer;
    transition:color 0.3s;
}
.v_header .top .right .lang span.selected{
    color:   #20386E;
    font-weight: 900;
}
.v_header .top .right .lang span:hover{
    color:   #20386E;
}
.v_header .top .right .lang span:nth-child(2):hover{
    color:   #818285;
}
.v_header .top .right .lang span:nth-child(2){
    padding: 0px 10px;
    cursor:  auto;
}
.v_header .top .right div{
    display:  inline-block;
}
.v_header .top .right div.menubar{
    padding-top: 3px;
    padding-bottom: 10px;
    white-space: nowrap;
}
.v_header .top .right div.menubar:first-child{
    padding-left: 20px;
}
.v_header .top .right div.menu:hover ,.v_header .top .right div.menu.selected{
    color: #20386E;
}
.v_header .top .right div.menu{
    display:  inline-block;
    padding: 0px 28px;
    border-right: 1px solid #818285;
    color: #818285;
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    transition:color 0.3s ;
    position:  relative;
}
.v_header .top .right div.menu:last-child{
    border-right: 0px solid #818285;
    padding-right: 0px;
}
.v_header .top .right div.menu .submenu > .page{
    display: block;
}
.v_header .top .right div.menu .mask , .v_header > .menu_bar > .bottom .menu > div.menuBar > div .mask, .v_header .headerDonationBtn .mask, .v_header .headerDonationBtn .mask2{
    position:  absolute;
    left: 50%;
    top: 100%;
    min-width: 50%;
    padding-top: 6px;
    z-index: 2;
    display: none;
    pointer-events: none;
}
.v_header .headerDonationBtn .mask2{
    left: -35%;
    top: 0;
    min-width: 70%;
}
.v_header .top .right div.menu .submenu ,  .v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu, .v_header .headerDonationBtn .submenu{
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    z-index: 1;
    box-shadow: 4px 4px 5px #888888;
    color: #818285;
    opacity: 0;
    transition:opacity 1.5s ;
    font-size: 18px; 
    font-weight: 900;
}
.v_header .top .right div.menu:hover .mask , .v_header > .menu_bar > .bottom .menu > div.menuBar > div:hover .mask, .v_header .headerDonationBtn:hover .mask, .v_header .headerDonationBtn #btn_menu:hover .mask2{
    display:  block;
}
.v_header .top .right div.menu .fixMask ,.v_header > .menu_bar > .bottom .menu > div.menuBar > div .mask .fixMask, .v_header .headerDonationBtn .fixMask{
    position: relative;
    left: -50%;
    pointer-events: auto;
}
.v_header .submenu{
    -webkit-animation:  fadeInFromNone 0.5s normal forwards;
    -moz-animation:    fadeInFromNone 0.5s normal forwards;
    -o-animation:      fadeInFromNone 0.5s normal forwards;
    animation:      fadeInFromNone 0.5s normal forwards;
}
@-webkit-keyframes fadeInFromNone {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeInFromNone {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes fadeInFromNone {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeInFromNone {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
.v_header .top .right div.menu .submenu > div , .v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div, .v_header .headerDonationBtn .submenu > div{
    padding: 8px 5px;
    transition:color 0.3s;
}
.v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu.ourwork > div{
    padding: 4px 0px;
}
.v_header .top .right div.menu .submenu > div span , .v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div span{
    white-space:  nowrap;
    padding: 0 10px;
}
.v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div.selected, .v_header .headerDonationBtn .submenu div.selected{
    color: #80C342;
}
.v_header .top .right div.menu .submenu > div:hover , .v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div:hover, .v_header .headerDonationBtn .submenu div:not([name="nocss"]):hover{
    color: #80C342;
    cursor: pointer;
}
.v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div.header{
    cursor:  auto;
    color:  #818285;
    font-size: 20px;
    text-decoration: underline;
}
.v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu > div.header2{
    cursor:  auto;
    color:  #818285;
    font-size: 20px;
    padding-top: 20px;
    text-decoration: underline;
}
.v_header .top .right .headerIcon{
    white-space: nowrap; 
    margin-left:  28px;
    margin-bottom: 7px;
}
.v_header .top .right .headerIcon > div{
    display:  inline-block;
    padding-right: 10px;
}
.v_header .top .right .headerIcon > div:last-child{
    padding-right: 0px;
}
.v_header > .menu_bar > .bottom{
    background-color: #20386E;
}
.v_header > .menu_bar > .bottom .menu{
    /*max-width: 1680px;*/
    width: 100%;
    margin: 0 auto; 
    height: 50px;
    /*height: 60px;*/
    /*margin-bottom: -13px;   pair*/
}
.v_header > .menu_bar > .bottom .menu .menuBar{
    font-weight: 500;
    position: relative;
    padding: 30px 30px;
    /*padding-top: 27px;*/
    padding-top: 32px;
    padding-left: 0px;
    margin-left: 40px;
    color: #FFF;
    font-weight: 900;
    max-width: 1140px;
    width: 100%;
    line-height: 18px;
    font-size: 18px;
}
.v_header .header_right{
    position: absolute;
    right:0;
    bottom: 0;
}
.v_header > .menu_bar > .bottom .menu > div > div:not(.textDiv){
    /*display:  inline-block;*/
    display: grid;
    /*cursor:  pointer;*/
    text-align: center;
    position: relative;
}
.v_header > .menu_bar > .bottom .menu > div > div.header{
    cursor:  auto;
}
.v_header > .menu_bar > .bottom .menu > div > div .line2{
    position: absolute;
    right:-3vw;
    color: rgb(193, 192, 192);
    font-weight: normal;
    top: 0;
}
.v_header > .menu_bar > .bottom .menu > div > div .line2.menu_en{
    right: -2vw;
}
.v_header > .menu_bar > .bottom .menu > div > div .line{
    position:  relative; 
    bottom: -7px;
    /*left: -20%;*/
    width: 100%;
    height: 8px;
}
.v_header > .menu_bar > .bottom .menu > div > div .line:before{
    display:  block;
    content: '';
    width: 0%;
    height: 0px;
    background-color: rgba(128,195,66,0.8);
    transition:height 0.1s,width 0.5s,opacity 0.3s   ;
    text-align: center;
    margin: 0 auto;
    opacity: 0;
}
.v_header > .menu_bar > .bottom .menu > div > div:hover .line:before , .v_header > .menu_bar > .bottom .menu > div > div.selected .line:before{
    height: 4px;
    width: 100%;
    opacity: 1;
}
.v_header .top .right div.menu  .submenuDiv{
    position: relative;
    left: -50%;
    z-index: 2;
}
.v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenuDiv, .v_header .headerDonationBtn .submenuDiv{
    position: relative;
    display: inline-block;
    left: 0px;
}
.v_header  .headerDonationBtn{
    float: right;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    margin-right: 20px;
    position:  relative;
    cursor: pointer;
    margin-top: 10px; 
    font-weight: 900;
    z-index: 1;
}
.v_header  .headerDonationBtn img{
    width: 300px;
}
.clearfix::after{
    content: ".";
    display: block;
    clear: both;
    width: 0px;
    height: 0px;
    visibility: hidden;
    font-size: 0;
    background-color: rgba(0,0,0,0);
}
.v_header  .headerDonationBtn .textDiv{
    position:  absolute;
    top: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
}
.v_header  .headerDonationBtn .textDiv.Div02{
    width: 89%;
    padding-left: 11%;
    font-size: 30px;
    font-weight: 900;
}
.v_header  .textDiv:before {      /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.v_header .textDiv > div{
    display: inline-block;
    vertical-align: middle;  
    color: #FFF;
}
.donate_btn.mobile_mode{
    position: relative;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 50px;
}
.mobile_mode.donate_btn img{
    transform: translate(12px,0);
}
.mobile_mode .text{
    position: absolute;
    bottom: -40px;
    right: 50%;
    transform: translate(50%, 0);
    background-color: #80C342;
    width: 300px;
    color: #fff;
    font-weight: 900;
    font-size: 30px;
    text-align: center;
    padding: 20px 0px;
}
.v_index{
    background-color: #FFF;
}
.v_index .part1{
    background: #FFF;
    text-align: center;
    padding-bottom: 50px;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.poster_but{ 
    position:absolute; 
    width:100px; 
    height:100px; 
    background-image:url(../images/but_playvideo.png); 
    left:50%; top:50%;
    margin-left:-50px; 
    margin-top:-50px; 
    background-size:100px 100px; 
    cursor:pointer; 
}
.v_index .index_desc{
    background-color: #B3B5AF;
    color: #fff;
    font-size: 20px;
    display: table;
    width: 100%;
    height: 120px;
    padding: 0 20%;
    line-height: 1.5;
    text-align: center;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_index .part2{
   min-height: 700px;
   position: relative;
   vertical-align: middle;
   display: table-cell;
   font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_index .part2 .index_desc{
   min-height: 700px;
   position: relative;
   vertical-align: middle;
   display: table-cell;
   font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_index .part3{
    width: 100%;
    z-index: 0;
    margin-top: 70px;
    text-align: center;
    position:  relative;
}
.v_index .part3 .poster, .v_index .part3 .video{
    display: inline-block;
    vertical-align: top;
    max-width: 40%;
}
.v_index .part3 .poster{
    cursor: pointer;
}
.v_index .part3 .poster a.left{
    left: -40px;
}
.v_index .part3 .poster .right{
    right: -20px;
}
.v_index .part3 .poster .carousel-inner img{
    width: 600px;
    height: 400px;
}
.v_index .part3 .video_box{
    display: none;
    position: relative;
    height: 400px;
}
.v_index .part3 .video_slide{
    width: 600px;
    margin: 0 auto;
}
.v_index .part3 #video1{
    display: block;
}
.v_index .part3 iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v_index .part3 .poster .control{
    background-color: #80C342;
    height: 44px; 
    color: #FFF;
    font-size: 18px;
    padding-top: 10px;
}
.v_index .part3 .poster .control.control_en .control_text, .v_index .part3 .video .control.control_en .control_text{
    display: table-cell;
    vertical-align: middle;
}
.v_index .part3 .poster .control.control_en{
    height: 60px;
    display: table;
    padding-top: 0;
    width: 100%;
}
.v_index .part3 .video .control{
    color: #fff;
    font-size: 18px;
    position: relative;
}
.v_index .part3 .control .control_item{
    height: 44px;  
    display: inline-block;
    background-color: #d2d2d2;
    cursor: pointer;
    padding-top: 10px;
    overflow: hidden;
    vertical-align: top;
}
.v_index .part3 .control.control_en .control_item{
    height: 60px;
    display: inline-table;
    padding-top: 0;
    width: 100%;
}
.v_index #slideShow_poster{
    width: 600px;
    margin: 0 auto;
}
#slideShow_poster .carousel-inner{
    width: 600px;
}
.v_index .part3 .control .control_item:hover, .v_index .part3 .control .control_item.selected{
    background-color: #80C342;
} 
.v_index .part4{
    text-align: center;
    margin-top: 80px;
}
.v_index .part4 .desc{
    background-color: #20386E;
    color: #FFF;
    min-height: 310px;
    font-size: 20px;
    position: relative; 
    padding: 40px 5%;
    display: none;
}
.v_index .part4  .arrow_up, .v_support .arrow_up{ 
    display: block;  
    bottom: 100%;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-bottom: 40px solid #FFF;
    border-top: 40px solid transparent;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
}
.v_index .part4  .arrow_up.selected, .v_support .arrow_up.selected{ 
    transition: border-bottom 0.5s;
    border-bottom: 40px solid #20386E; 
}
.v_index .part4 .left, .v_index .part4 .right{
    padding-top: 20px;
    display: inline-block;
}
.v_index .part4 .right{
    margin-left: 50px;
    max-width: 790px;
    text-align: left;
    vertical-align: top;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_index .part4 .title{
    font-size: 38px;
    margin-bottom: 10px;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

.v_index .part4 .desc#angel0{
    display: block;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_index .part4 .img_div{
    cursor: pointer;
    display: inline-block;
}
.v_index .part4 .angel_div{
    height: 180px;
    width: 190px;
    margin: 0 auto;
    overflow: hidden;
}
.v_index .part4 .logo_div{
    height: 75px;
    margin: 0 auto;
    margin-top: 20px;
    overflow: hidden;
}
.v_index .part4 .angel_div img{
    height: 100%;
    width: auto;
}
.v_index .part4 .logo_div img{
    height: 100%;
}
.v_index .part4 .details{
    margin-top: 20px;
    text-align: right;
}
.angel_mobile_mode.swiper-container {
    width: 400px;
    height: 100%;
}
.angel_web_mode{
    height: 100%;
    max-width: 1400px;
    width: 85%;
    margin: 0 auto;
}
.angel_web_mode .swiper-container{
    width: 100%;
}
.angel_web_mode .swiper-button-next, .angel_web_mode .swiper-container-rtl .swiper-button-prev{
    right: -20px;
}
.angel_web_mode .swiper-button-prev, .angel_web_mode .swiper-container-rtl .swiper-button-next{
    left: -30px;
}
.angel_mobile_mode{
    display: none;
}
.btn-icon{
    margin-top: 36px;
    display: inline-block;
    color: #FFF;
    padding: 10px 90px;
    border-radius: 25px;
    border: 3px solid #FFF;
    background-image: linear-gradient(to bottom , #ed869e,#da1b5c);
    transition:background 0.5s ;
    cursor:  pointer;
    z-index: 2;
    position: relative;
    background-size: 100%;
}
.btn-icon{
    margin-top: 0px;
    margin-left: 20px;
}
.btn-icon input{
    border: 0;
    background-color: transparent;
}

.btn-icon:before {
    border-radius: inherit;
    background: linear-gradient(to bottom , #da1b5c,#da1b5c);
    content: '';    
    display: block;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
    width: 100%;
    z-index: -2;
    transition: opacity 0.5s;
}

.btn-icon:hover:before {
    opacity: 1;
}
.v_footer{
    min-height: 140px;
    width: 100%;
    background-color: #F1F2F2;
}
.footer{
    font-size: 12px;
    max-width: 1550px;
    padding: 0px 60px;
    margin: 0 auto;
    padding-top: 44px;
    /*padding-bottom: 40px;*/
}
.v_footer .text .top{
    display:  inline-block;
    font-size: 16px;
}
.v_footer .text .top div{
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 10px;
}
.v_footer .text .top div img{
    height: 50px;
}
.v_footer .text .bottom{
    display:  inline-block;
}
.v_footer .bottom p a{
    text-decoration: none !important; 
    color: inherit !important;
}
.v_footer .text .bottom ul , .v_footer .bottomLink ul{
    list-style-type: none;
    display:inline;
    padding-left: 0;
}
.v_footer .text .bottom ul li:hover , .v_footer .bottomLink ul li:hover{
    color: #E5186D;
}
.v_footer .text .bottom ul li:first-child {
    margin-left: 30px;
}
.v_footer .bottomLink ul li:first-child{
    margin-left: 0px;
}
.v_footer .img{
    padding-bottom: 10px;
}
.v_footer .img img:last-child{
    padding-left: 20px;
}
.not_have_any_vacancies{
    font-size: 18px;
    text-align: center;
}
.carousel-indicators {
    bottom: 0;
}
.carousel-caption{
    left: 0;
    top: 37%;
    padding-top:0;
    padding-left: 120px;
    text-align: left;
    pointer-events: none;
}
.carousel-caption .header {
    font-size: 60px;
    color: #FFF;
    font-weight: 900;
}

.carousel-caption .btn {
    background-color: #ed217c;
    font-size: 30px;
    display:  inline-block;
    color: #FFF;
    padding: 12px 45px;
    margin-top: 10px;
    cursor:  pointer;
    pointer-events:  auto;
}

/* Animation delays */
.carousel-caption .header {
    animation-delay: 0.5s;
}
.carousel-caption .btn {
    animation-delay: 1.5s;
}
.carousel-indicators li{
    background-color: rgb(127,127,127);
    border: 1px solid rgb(127,127,127);
    margin: 0;
    margin-right: 15px;
    width:12px;
    height:12px;
    border-radius:12px;
}
.carousel-indicators .active{
    background-color: #000;
    border: 1px solid #000;
    margin: 0;
    margin-right: 15px;
    width:12px;
    height:12px;
    border-radius:12px;
}
.carousel-indicators li:last-child{
    margin-right: 0px;
}
/* index.php carousel fade-in effect*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 
@media not all, (-webkit-transform-3d){
    .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
        left: 0 !important;
    }
}
.v_foodRescue, .v_team , .v_foodAssistance , .v_publication, .v_education , .v_getInvolved , .v_aboutUs , .v_ourPartners , .v_figure , .v_involvedDonation, .v_support, .v_career , .v_media, .v_site_map {
    background-color: #FFF;
    margin-top: 190px;
    position: relative;
}
.v_foodRescue .part1 , .v_team .part1, .v_foodAssistance .part1, .v_publication .part1 , .v_education .part1 , .v_getInvolved .part1 , .v_aboutUs .part1 , .v_ourPartners .part1 , .v_figure .part1  , .v_involvedDonation .part1  , .v_support .part1 , .v_career .part1 , .v_media .part1, .v_site_map .part1{
    text-align: center;
    padding: 50px 0px;
    position: relative;
    font-weight: normal;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_career{
    padding-bottom: 80px;
}
.v_site_map .col-md-4{
    display: inline-block;
    max-width: 30%;
    vertical-align: top;
    color: #0f75bc;
    font-size: 22px;
    padding-left: 6%;
}
.v_site_map .col-md-4 a{
    text-decoration: underline;
}
.v_site_map .col-md-4 li{
    margin-top: 15px;
    line-height: 1.5;
}
.v_site_map .col-md-4 .sub_link{
    margin-top: 0px;
    margin-left: 25px;
}
.v_site_map .col-md-4 .sub_link2{
    margin-left: 50px;
    margin-top: 0px;
}
.v_media .part3 .content .box{
    margin-top: 40px;
    padding: 10px;
    text-align: center;
    display: none;
    vertical-align: top;
    width: 33%;
}
.v_media .part3 .content .box .top{
    border: 10px solid rgba(32,56,110,0.4);
    margin: 0 auto;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.v_media .part3 .content .box img {
    width: 100%;
    top: -2.84%;
    left: 0;
}
.v_media .part3 .content .title{
    margin-top: 15px;
    font-size: 22px;
    color: #20386E;
    display: table;
    height: 55px;
    width: 100%;
}
.v_media .part3 .content .title span{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.v_media .part3 .btn{
    text-align: center;
}
.v_media .part3 .btn .content{
    background-color: rgba(32,56,110,0.4);
    width: 140px;
    height: 45px;
    font-size: 17px;
    color: #FFF;
    padding-top: 12px;
    border-radius: 10px;
    cursor: default; 
    display: inline-block;
    text-align: center;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_media .part3 .btn .content.active{
    background-color: #20386E;
    cursor: pointer;
}
.v_media .part3 .btn .content.active:hover{
    background-color: #01194e;
}
.v_media .part3 .box.selected{
    display: inline-block;
}
.v_media .selectDiv{
    text-align: right;
}
.v_media .search_header{
    font-size: 21px;
    color: #20386E;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.v_media .select-styled,.v_media .select ul{
    text-align: left;
}
.v_media .pagination{
    position: relative;
}
.v_media .select{
    vertical-align: middle;
}
.v_media .part3 .box_div > .content{
    padding-bottom: 40px;
}
.v_media .video_box.col-md-6{
    max-width: 49%;
}
.v_media .part3 .video_box{
    display: inline-block;
    margin: 10px 0;
    display: none;
    max-width: 33%;
}
.v_media .select-options{
    color: #0056B8;
}
.v_media .part3 .video_box.selected{
    display: inline-block;
    vertical-align: top;
}
.v_media .part3 .video_box .title{
    text-align: center;
}
.v_media .youtube {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.v_media .youtube img{
    width: 100%;
    top: -16.84%;
    left: 0;
}
.v_media .youtube .play-button {
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url(../images/but_playvideo.png);
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-size: 100px 100px;
    z-index: 1;
    cursor: pointer;
}
.v_media .youtube img, .v_media .youtube .play-button {
    cursor: pointer;
}
.v_media .youtube img, .v_media .youtube iframe, .v_media .youtube .play-button, .v_media .youtube .play-button:before,.v_media .part3 .content .box img {
    position: absolute;
}
.v_media .youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.v_career .page_subheader{
    margin-top: 25px;
    font-size: 25px;
    color: #20386E;
}
.v_career .part2 div{
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
    height: 48px;
    font-size:  23px;
    padding-top: 10px;
    text-align: center;
    cursor: pointer;
}
.v_career .part2 div:hover{
    color: #20386E;
    font-weight: 900;
}
.v_career .part2 div:nth-child(odd){
    background-color: #F1F2F2;
}
.v_support{
    text-align: center;
    padding: 0 20px;
    padding-bottom: 20px;
}
.v_support .part2, .v_site_map .part2{
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}
.v_support .logo{
    display: inline-block;
    text-align: center;
    font-size: 28px;
    color: #20386E;
    font-weight: 600;
    max-width: 33%;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_support .logo img{
    margin-bottom: 20px;
    cursor: pointer;
}
.v_support #donate_food:after{
    left: 135px;
}
.v_support #in-kind_donation:after{
    left: 555px;
}
.v_support #wishlist:after{
    right: 135px;
}
.v_support .box_div{
    position: relative;
    width: 1200px;
    min-height: 200px;
    font-size: 18px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 55px;
    padding: 30px 40px;
    border: 2px solid #20386E; 
}
.v_support .subheader{
    font-size: 21px;
    font-weight: 600;
    color: #20386E;
    margin-bottom: 15px;
}
.v_support .subheader2{
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
}
.v_support .part3 .left, .v_support .part3 .right{
    display: inline-block;
    vertical-align: top;
    margin-right: 100px;
    margin-bottom: 20px;
}
.v_support .part2 .left, .v_support .part2 .right{
    display: inline-block;
    position: absolute;
    top: 25%;
    cursor: pointer;
}
.v_support .part2 .left{
    left: 10%;
}
.v_support .part2 .right{
    right: 10%;
}.v_support .box_div
.v_support ul{
    list-style-image: url('../images/12_point_arrow.png');
    line-height: 2;
}
.v_support a{
    color: #0f75bc;
    text-decoration: underline;
}
.v_involvedDonation .part2,.v_involvedDonation .part3{
    text-align: center;
    max-width: 1240px;
    padding: 0 5%;
    margin: 0 auto;
}
.v_involvedDonation .part3{
    padding-bottom: 60px;
}
.v_involvedDonation .imgDiv{
    width: 600px;
    margin: 0 auto;
    margin-bottom: 50px;
}
.v_involvedDonation .background{
    padding-top: 35px;
    height: 490px;
    margin-bottom: 25px;
    background-color: #F1F2F2;
}
.v_involvedDonation .description{
    text-align: center;
    margin: 0 auto;
    font-size: 18px;   
    max-width: 1050px;
    color: #414042;
    line-height: 1.5;
}
.v_involvedDonation .content_div{
    text-align: left;
    font-size: 18px;
    color: #231F20;
}
.v_involvedDonation .content_div ul{
    line-height: 2;
    margin-bottom: 25px;
}
.v_involvedDonation .part3 a{
    text-decoration: underline;
    color: #0f75bc;
}
.v_involvedDonation .logo{
    display: inline-block;
    text-align: center;
    max-width: 32%;
}
.v_involvedDonation .logo img{
    width: 100%;
    max-width: 250px;
}
.v_involvedDonation .subheader{
    font-size: 23px;
    font-weight: 600;
    color: #20386E;
    margin-top: 50px;
    margin-bottom: 20px;
}
.v_figure{
    max-width: 1250px;
    margin: 220px auto;
    margin-bottom: 0px;
}
.v_figure .part2,.v_figure .part3,.v_figure .part4,.v_figure .part5{   
    margin-bottom: 80px;
    text-align: center;
}
.v_figure .img_div{
    display: inline;
}
.v_figure .figure_en .img_div img{
    width: 450px;
}
.v_figure .page_subheader{
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 2;
    transform: translate(-14%,-40%);
    font-size: 25px;
    width: 100%;
    color: white;
}
.v_figure .figure_en .page_subheader{
    transform: translate(-10%,-47%);
}
.v_figure .date{
    position: absolute;
    transform: translate(-55%,0%);
    top: 45px;
    width: 100%;
    z-index: 2;
    left: 50%;
}
.v_figure .figure_en .date{
    transform: translate(-60%,0%);
}
.v_figure .subheader, .v_ourPartners .subheader{
    font-size: 35px;
    font-weight: 600;
    height: 60px;
    color: #20386E;
    display: table;
    width: 100%;
    text-align: center;
}
.v_figure .subheader:before, .v_figure .subheader:after, .v_ourPartners .subheader:before, .v_ourPartners .subheader:after{
    border-top: 2px solid;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 30%;
}
.v_figure .subheader:before, .v_ourPartners .subheader:before{
    right: 3%;
}
.v_figure .subheader:after, .v_ourPartners .subheader:after{
    left: 3%;
}
.v_figure fieldset{
    border: 1px solid #20386E;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.v_figure fieldset.small{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
.v_figure .part2 .left fieldset.small:nth-child(even), .v_figure .part2 .right fieldset.small:nth-child(odd){
    margin-right: 2px;
}
.v_figure fieldset.small legend{
    max-width: 200px;
    padding: 0 5px;
    height: 70px;
}
.v_figure .part2 .left fieldset.small{
    padding-top: 16px;
}
.v_figure legend{
    color: #20386E;
    font-size: 20px;
    width: 250px;
    background-color: #fff;
}
.v_figure legend img{
    height: 70px;
    padding-right: 10px;
    vertical-align: middle;
}
.v_figure .part2 .left,.v_figure .part2 .right{
    width: 49%;
    vertical-align: top;
    display: inline-block;
    position: relative;
}
.v_figure .part2 .right{
    margin-left: 20px;
}
.v_figure .number{
    margin-right: 15px;
    vertical-align: bottom;
    display: inline-block;
}
.v_figure .number img{
    width: 50px;
}
.v_figure .small .number img{
    width: 35px;
}
.v_figure .content {
    font-size: 25px;
    color: #20386E;
    display: table;
    width: 100%;
    height: 100px;
}
.v_figure .content:not(.small) {
    height: 150px;
}
.v_figure .details{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.v_figure .small {
    font-size: 18px;
}
.v_figure .part2 legend img{
    height: 80px;
}
.v_figure .small legend img{
    height: 40px;
}
.v_figure .part3 .col-md-4{
    max-width: 32.5%;
    padding: 0;
    vertical-align: bottom;
    display: inline-block;
}
.v_figure .part3 legend{
    width: 320px;
    height: 120px;
}
.v_figure .part3 .col-md-4:nth-child(2) legend{
    width: 210px;
}
.v_figure .part3 .col-md-4:nth-child(3){
    margin: 0 8px;
}
body:not(.tc_font) .v_figure .part3 legend > div{
    /*width: 100%;*/
}
.tc_font .v_figure .part3 .col-md-4:nth-child(4) legend > div{
    /*width: 200px;*/
    vertical-align: middle;
}
.v_figure .col-md-6{
    display: inline-block;
    vertical-align: bottom;
    max-width: 49%;
}
.v_figure .col-md-6:first-child{
    margin-right: 10px;
}
.v_aboutUs .content_div{
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 30px;
    font-size: 21px;
    text-align: left;
    width: 100%;
}
.v_aboutUs .part3 .content_div .content{
    line-height: 1.5;
    margin-top: 10px;
}
.v_aboutUs .part2, .v_aboutUs .background_div, .v_aboutUs .part5{
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 5%;
}
.v_aboutUs .part3{
    background-color: rgba(128,195,66,0.1);
}
.v_aboutUs .part4 .content{
    color: #20386E;
    display: inline-block;
    text-align: left;
    width: 32%;
    vertical-align: top;
    margin-bottom: 30px;
}
.v_aboutUs .part4 .top{
    font-size: 28px;
    color: #414042;
}
.v_aboutUs .mission_header{
    font-size: 53px;
    font-weight: 600;
    text-align: center;
    padding: 35px 0;
    color: #80C342;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_aboutUs .mission_header2{
    font-size: 43px;
    color: #4D803B;
    font-weight: 700;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_aboutUs .ourBoard_header{
    text-align: center;
    font-size: 53px;
    font-weight: 600;
    color: #20386E;
    padding: 30px 0;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_aboutUs .mission_subheader{
    font-size: 28px;
    font-weight: 600;
    margin-top: 25px;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_aboutUs .mission_subheader:nth-child(2){
    margin-bottom: 20px;
    margin-top: 0;
}
.v_aboutUs .part4{
    color: #414042;
    background-color: rgba(32,56,110,0.1);
    padding: 60px auto;
}
.v_aboutUs .part4 .content_div{
    padding-left: 12%;
}
.v_aboutUs .part5{
    max-width: 1750px;
    text-align: center;
}
.v_aboutUs .part5 .pageHeader{
    text-align: center;
    color: #80C342;
    margin: 50px 0;
}
.v_aboutUs  .map_header{
    font-size: 21px;
    color: #414042;
    font-weight: 900;
    margin: 8px 0;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_aboutUs .google_map{
    width:480px;
    height:192px;
}
.v_aboutUs .box_div{
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 35px;
    vertical-align: top;
    font-size: 18px;
    text-align: left;
}
.v_aboutUs .box_div .img_div{
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    width: 32px;
}
.green_text{
    color: #80C342;
}
.v_aboutUs ul{
    list-style-image: url('../images/2_point_icon.png');
    line-height: 2;
    margin-top: 10px;
}
.v_foodRescue .header, .v_foodAssistance .header, .v_team .header{
    font-size: 43px;
    text-align: left;
    font-weight: 600;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_foodRescue .green_div, .v_foodAssistance .green_div, .v_team .green_div{
    position: relative;
    padding-bottom: 20px;
    background-color: rgba(128,195,66,0.1);
    min-height: 600px;
    text-align: center;
}
.v_foodRescue .right_img, .v_foodAssistance .right_img, .v_team .right_img,.v_foodRescue .left_img, .v_foodAssistance .left_img, .v_team .left_img, .v_getInvolved .imgDiv{
    margin: 80px 50px;
}
.v_foodRescue .right_img, .v_foodAssistance .right_img, .v_team .right_img{
    margin-right: 0;
}
.v_foodRescue .blue_div, .v_foodAssistance .blue_div, .v_team .blue_div{
    position: relative;
    text-align: center;
    background-color: rgba(32,56,110,0.1);
    padding-bottom: 20px;
    min-height: 600px;
}
.v_foodRescue .green_div .header, .v_foodAssistance .green_div .header, .v_team .green_div .header{
    color: #80C342;
}
.v_foodRescue .blue_div .header, .v_foodAssistance .blue_div .header, .v_team .blue_div .header{
    color: #20386E;
}
.v_foodRescue .left_div,.v_foodAssistance .left_div, .v_team .left_div,.v_foodRescue .right_div,.v_foodAssistance .right_div, .v_team .right_div{
    display: inline-block;
    position: relative;
    padding: 1%;
}
.v_foodRescue .content,.v_foodAssistance .content, .v_team .content{
    padding-top: 20px; 
    line-height: 2;
    text-align: justify;
    font-size: 18px;
    font-weight: 500;
}
#slideShow1 li,#slideShow3 li{
    background-color: #fff;
    border-color: #80C342;
}
#slideShow1 .active,#slideShow3 .active{
    background-color:#80C342;
}
#slideShow2 li,#slideShow4 li, #banner li,#mobile_banner li{
    background-color: #fff;
    border-color: #20386E;
}
#slideShow2 .active, #slideShow4 .active, #banner .active, #mobile_banner .active{
    background-color:#20386E;
}
.v_foodRescue .imgDiv, .v_foodAssistance .imgDiv, .v_team .imgDiv, .v_getInvolved .imgDiv{
    margin-top: 50px; 
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-width: 600px;
    z-index: 2;
    opacity: 0;
}
.v_foodRescue .carousel-inner .item, .v_foodAssistance .carousel-inner .item, .v_team .carousel-inner .item,.v_involvedDonation .carousel-inner .item,.v_getInvolved .carousel-inner .item{
    width: 600px;
    height: 400px;
    overflow: hidden;
}
.v_foodRescue .carousel-inner img, .v_foodAssistance .carousel-inner img, .v_team .carousel-inner img,.v_involvedDonation .carousel-inner img{
    width: 100%;
}
.v_foodRescue .right,  .v_foodAssistance .right, .v_team .right,.v_getInvolved .right, .v_involvedDonation .right{
    right: -55px;
}
.v_foodRescue .left, .v_foodAssistance .left, .v_team .left, .v_getInvolved .left, .v_involvedDonation .left{
    left: -55px;
}
.v_foodRescue .part2_contentDiv, .v_foodAssistance .part3_contentDiv, .v_team .part2_contentDiv, .v_team .part4_contentDiv{
    display: inline-block;
    width: 600px;
    vertical-align: top;
    padding-top: 70px;
}
.v_foodRescue .part3_contentDiv, .v_foodAssistance .part2_contentDiv, .v_foodAssistance .part4_contentDiv, .v_team .part3_contentDiv,.v_team .part5_contentDiv{
    vertical-align: top;
    padding-top: 70px;
    display: inline-block;
    width: 600px;
    margin-left: 50px;
    padding-left: 1%;
}
.v_foodRescue table{
    width: 100%;
}
.v_foodRescue table td{
    padding: 2px 5px;
    text-align: left;
}
.anchor{
    padding-top: 170px;
    display: block;
    margin-top: -170px;
}
.pageHeader{
    font-size: 53px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #20386E;
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
.v_ourPartners .part3{
    min-height: 515px;
}
.v_ourPartners .page_subheader{
    font-size: 21px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    padding:0 5%;
    max-width: 900px;
    color: #20386E;
}
.v_getInvolved .page_subheader{
    font-weight: 600;
    font-size: 38px;
    color: #20386E;
}
.v_getInvolved .section_div{
    position: relative;
    text-align: center;
    padding-bottom: 80px;
}
.v_getInvolved .content_div{
    width: 650px;
    font-size: 18px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding-top: 50px;
}
.v_getInvolved .section_div:nth-child(even) .content_div{
    margin-left: 120px;
}
.v_getInvolved ul{
    line-height: 2;
}
.v_getInvolved .section_div:nth-child(even){
    /*background: linear-gradient(rgba(128,195,66,0.1) 435px, white calc(100% - 435px));*/
    background-color: rgba(128,195,66,0.1);
}
.v_getInvolved .section_div:nth-child(odd){
    /*background: linear-gradient(rgba(32,56,110,0.1) 435px, white calc(100% - 435px));*/
    background-color: rgba(32,56,110,0.1);
}
.v_getInvolved .section_div .subheader{
    font-size: 43px;
    font-weight: 600;
    width: 502px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.v_getInvolved .section_div:nth-child(odd) .subheader{
    color: #20386E;
}
.v_getInvolved .section_div:nth-child(even) .subheader{
    color: #80C342;
}
.v_getInvolved .carousel-inner img{
    width: 100%;
}
.v_getInvolved .imgDiv:nth-child(even) .slideShow li{
    background-color: #fff;
    border-color: #80C342;
}
.v_getInvolved .imgDiv:nth-child(even) .slideShow .active{
    background-color:#80C342;
}
.v_getInvolved .imgDiv:nth-child(odd) .slideShow li{
    background-color: #fff;
    border-color: #20386E;
}
.v_getInvolved .imgDiv:nth-child(odd) .slideShow .active{
    background-color:#20386E;
}
.v_getInvolved .imgDiv{
    margin-top: 50px; 
}
.v_getInvolved .page_footer{
    font-size: 23px;
    max-width: 1450px;
    margin: 50px auto;
    padding-left: 10px;
    line-height: 1.5;
}
.v_education .part2, .v_education .part3, .v_education .part4{
    text-align: center;
    position: relative;
    padding-bottom: 90px;
    font-size: 18px;
}
.v_education .img_container{
    max-width: 1300px;
    height: 188px;
    overflow: hidden;
    margin: 0 auto;
}
.v_education .content{
    max-width: 1200px;
    padding: 0 5%;
    opacity: 0;
    line-height: 1.5;
    margin: 0 auto;
}
.v_education .details{
    font-size: 18px;
    color: #0f75bc;
    margin-top: 15px;
    opacity: 0;
    text-decoration: underline;
}
.v_education .img_container img{
    width: 1500px;
    height: auto;
    opacity: 0;
    margin-top: -30%;
}
.v_education .subheader{
    width: 45%;
    height: 50px;
    font-size: 32px;
    font-weight: 600;
    color: #FFF;
    padding-top: 5px;
    z-index: 2;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    background-color: #80C342;
}
.v_ourPartners .part3 .box_div .content{
    font-size: 18px;
    text-align: center;
}
.v_ourPartners .part3 .img_div {
    display: inline-block;
    opacity: 0;
    margin-top: 20px;
}
.v_ourPartners .partner2 .img_div{
    max-width: 16%;
    padding: 0 4%;
}
.v_ourPartners .partner_c1 .img_div, .v_ourPartners .partner1 .img_div{
    max-width: 19.5%;
    padding: 0 3%;
}
.v_ourPartners .section{
    color: #20386E;
    text-align: left;
    font-size: 26px;
    font-weight: 900;
    margin-top: 50px;
}
.v_ourPartners .part3 .text{
    font-size: 18px;
    color: #414042;
    padding-top: 5px;
    line-height: 2;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.v_publication .part2, .v_ourPartners .part2, .v_media .part2, .v_aboutUs .part2{
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
}
.v_publication .part3, .v_ourPartners .part3, .v_media .part3{
    max-width: 1387px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    padding: 0 5%;
    padding-bottom: 80px;
}
.v_publication .background, .v_ourPartners .background, .v_media .background, .v_aboutUs .background{
    z-index: 0;
    background: linear-gradient(white 50%, #F1F2F2 50%);
    margin-bottom: 15px;    
}
.v_publication .publication, .v_ourPartners .button, .v_media .subheader, .v_aboutUs .button{
    padding: 13px 45px;
    display: inline-block;
    color: #fff;
    font-size: 23px;
    cursor: pointer;
    margin-right: 75px;
    transform: skewX(-20deg);
    background-color: rgba(128,195,66,0.5);
}
.v_publication .mobile_mode .publication, .v_ourPartners .mobile_mode .button, .v_media .mobile_mode .subheader, .v_aboutUs .mobile_mode .button{
    margin-right: 0;
}
.v_publication .publication:last-child, .v_ourPartners .button:last-child, .v_media .subheader:last-child, .v_aboutUs .web_mode .background a:last-child .button{
    margin-right: 0;
}
.v_publication .publication:hover, .v_ourPartners .button:hover, .v_media .subheader:hover, .v_aboutUs .button:hover{
    background-color: rgba(128,195,66,0.7);
    color: white;
    transform: skewX(-20deg);
}
.v_publication .publication.selected, .v_ourPartners .button.selected, .v_media .subheader.selected{
    background-color: #80C342;
    color: white;
    transform: skewX(-20deg);
}
.v_publication .publication div, .v_ourPartners .button div, .v_media .subheader div, .v_aboutUs .button div{
    transform: skewX(20deg);
}
.v_publication .publication:hover div, .v_ourPartners .button:hover div, .v_media .subheader:hover div{
    transform: skewX(20deg);
}
.v_publication .part2 .small_nav{
    display: none;
}
.v_publication .part3 .box_div, .v_ourPartners .part3 .box_div, .v_support .box_div{
    display: none;
}
.v_publication .part3 .box_div{
    text-align: center;
}
.v_publication .part3 .box_div:first-child, .v_ourPartners .part3 .box_div:first-child, .v_support .box_div:first-child{
    display: block;
}
.v_publication .part3 .box_div .content{
    min-height: 60px;
    font-size: 20px;
}
.v_publication .part3 .box_div .year, .v_media .part3 .year{
    height: 60px;
    font-size: 27px;
    padding-top: 15px;
    display: table;
}
.v_publication .part3 .box_div .year:before, .v_publication .part3 .box_div .year:after, .v_media .part3 .year:before, .v_media .part3 .year:after {
      border-top: 1px solid black;
      content: '';
      display: table-cell;
      position: relative;
      top: 0.5em;
      width: 50%;
}
.v_publication .part3 .box_div .year:before, .v_media .part3 .year:before{
      right: 1.5%;
}
.v_publication .part3 .box_div .year:after, .v_media .part3 .year:after{
      left: 1.5%;
}
.v_publication .part3 .box_div .content div{
    display: inline-block;
    padding: 15px 0;
}
.v_publication .part3 .box_div .content:nth-child(odd){
    background-color: #F1F2F2;
}
.v_publication .part3 .left{
    margin-right: 80px;
}
.v_publication .part3 .auditedReport2 .left{
    width: 440px;
}
.v_publication .part3 .right{
    text-decoration: underline;
    color: #0f75bc;
}
.circleLine{
    display: inline-block;
    position: relative;
    background-color: #fa3;
    color: #FFF;
    padding: 5px 25px;
    font-size: 18px;
    border-radius: 5px;
    margin-left: 70px;
    margin-top: 22px;
}
.circleLine .circle{
    position: absolute;
    left: -60px;
    top: -24px;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    background-color: #fa3;
}
.circleLine .circle img{
    margin-top: 15px;
}
.circleLine.green ,  .circleLine.green .circle{
    background-color: #55b5ae;
}
.circleLine.green {
    position: relative;
    top: 16px;
}
.v_gettingInvolved .part2 {
    padding: 0px 50px;
    max-width: 1440px;
    margin: 0 auto;
    padding-bottom: 50px;
}
.v_gettingInvolved .part2 .box{
    text-align: center;
}
.v_gettingInvolved .part2 .box .square {
    display:  inline-block;
    width: 33%;
    overflow:hidden;
    position:  relative;
}
.v_gettingInvolved .part2 .box .square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.v_gettingInvolved .part2 .box .square .mask {
    position: absolute;
    width: 200%;
    height: 200%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    overflow:hidden;
    z-index: 0;       
}
.v_gettingInvolved .part2 .box .square .mask .content {
    display:  inline-block;
    position:  absolute;
    width : 50%;
    height: 50%;
    cursor:  pointer;
}
.v_gettingInvolved .part2 .box .square .mask .content:before {
    content: '';
    display:  inline-block;
    position:  absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.6);
    width : 100%;
    height: 100%;
    transition:background-color 0.5s;
    z-index: 1;
}
.v_gettingInvolved .part2 .box .square:nth-child(2) {
    margin: 0px 2px;
}
.v_gettingInvolved .part2 .box:nth-child(1) .square:nth-child(1) .mask , .v_gettingInvolved .part2 .box:nth-child(1) .square:nth-child(1) .mask .content{
    top: 0;
    left: 0;
}
.v_gettingInvolved .part2 .box:nth-child(1) .square:nth-child(2) .mask , .v_gettingInvolved .part2 .box:nth-child(1) .square:nth-child(2) .mask .content{
    top: 0;
    right: 0;
}
.v_gettingInvolved .part2 .box:nth-child(2) .square:nth-child(2) .mask , .v_gettingInvolved .part2 .box:nth-child(2) .square:nth-child(2) .mask .content{
    bottom: 0;
    left: 0;
}
.v_gettingInvolved .part2 .box:nth-child(2) .square:nth-child(3) .mask , .v_gettingInvolved .part2 .box:nth-child(2) .square:nth-child(3) .mask .content{
    bottom: 0;
    right: 0;
}
.v_gettingInvolved .part2 .box:nth-child(2){
    margin-top: 2px;
}
.v_gettingInvolved .part2 .box .square .mask .content img{
    width: 100%;
    height: 100%;
    transition:transform 0.2s;
}
.v_gettingInvolved .part2 .box .square .mask .content:hover img{
    transform: scale(1.2);
}
.v_gettingInvolved .part2 .box .square .mask .content .boxText{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
}
.v_gettingInvolved .part2 .box .square .mask .content .boxText .boxHeader{
    vertical-align: middle;
    display: inline-block;
    font-size: 25px;
    font-weight: 900;
}
.v_gettingInvolved .part2 .box:nth-child(1) .square .mask .content .boxText .boxHeader{
    padding-top: 50%;
}
.v_gettingInvolved .part2 .box:nth-child(2) .square .mask .content .boxText .boxHeader{
    padding-top: 40%;
}
.IS_lists_scroll{
    overflow: hidden;
    position:  relative;
}
.IS_lists_scroll > div{
    white-space: nowrap;
    overflow: visible;
    transition: left 1s,right 1s, opacity 0.5s;
    position: relative;
    left: 0px;
}
.IS_lists_scrollDiv{
    position:  relative;
    padding: 50px 50px;
    padding-top: 10px;
    border: 2px solid rgb(238,134,159);
    margin-top: 40px;
}
.IS_lists_scrollButton_div{
    position:  absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events:  none;
}
.IS_lists_scrollButton_div > div{
    height: 100%;
    pointer-events : none;
}
.IS_lists_scrollButton_div > div> div{
    pointer-events : auto;
    font-size: 80px;
    color: rgb(238,134,159);
    cursor: pointer;
    padding: 0px 10px;

}
.IS_lists_scrollButton_div > div> div i{
    transition: color 0.2s;
}
.IS_lists_scrollButton_div > div> div div.block i{
    color:  #919191;
    cursor:  auto;
}
.mfp-close-btn-in .mfp-close{
    display: none;
}
#magnificPopup ul,#magnificPopup li {
    margin: 0;
    padding: 0;
    list-style: none
}
#magnificPopup .career_popup ul, #magnificPopup .career_popup li{
    list-style: disc;
    padding-left: 25px;
}
#magnificPopup{
    box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
    width: 100%; 
    margin: 0 auto;
    position: relative;
    background-color: #FFF;
    height: 85%;
}
#magnificPopup .img_div{
    display: inline-block;
    padding: 45px 35px;
}
#magnificPopup.index_page{
    height: 60%;
}
#magnificPopup.index_popup_box{
    height: 300px;
    width: 650px;
    text-align: center
}
#magnificPopup .career_popup{
    font-size: 23px; 
    text-align:left; 
    padding-left: 40px;
}
#magnificPopup .confirm_popup{
    background-color: #F1F2F2;
    font-size: 25px;
    line-height: 1.5;
}
#magnificPopup .media_popup{
    position: relative;
    margin: 0 auto;
}
#magnificPopup .media_popup .img_box{
    display: inline-block;
    margin-bottom: 45px;
    overflow: hidden;
    height: 14vw;
}
#magnificPopup .index_popup, #magnificPopup .popup_box_content{
    font-size: 20px;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    text-align: left;
}
#magnificPopup .index_popup .left, #magnificPopup .index_popup .right{
    vertical-align: top;
    max-width: 49%;
    color: #231F20;
    display: inline-block;
}
#magnificPopup .index_popup .right{
    padding-bottom: 30px;
}
#magnificPopup .index_popup .left{
    overflow: hidden;
    height: 100%;
    padding-left: 0;
}
#magnificPopup .index_popup .left img{
    height: 100%;
}
.PopupBoxHeader > .vertical_align_center, .PopupBoxHeader .title{
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}
.PopupBoxHeader{
    font-size: 25px;
    line-height: 25px;
    color: #FFF;
    background-color: #20386E;
    padding: 20px 20px;
    padding-bottom: 10px;
}
.PopupBoxHeader .closeBtn{
    position: absolute;
    top: -25px;
    right: -20px;
    background-color: #20386E;
    color: #FFF;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 1.5px solid white;
    text-align: center;
    font-size: 40px;
    line-height: 39px;
    cursor: pointer;
    transition:background-color 0.2s;
}
.PopupBoxHeader .closeBtn:hover{
    background-color: #071431;
}
.PopupContent{
    max-height: calc(100% - 70px);
    height: 100%;
    padding: 0px 20px;
    padding-top: 20px;
    position: relative;
    z-index: 1;
}
.lSSlideOuter .lSPager.lSGallery li{
    transition:border-color 0.5s;
    border-color: transparent;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{
    border-radius: 0px !important;
    border: 2px solid ;
    border-color: #ed217c;
}
.fbIframe iframe{
    height: 30px;
}
.navbar-toggle{
    position: relative;
    padding: 0px 0px;    
    margin-top: 1px;
    margin-left: 20px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    /* border-color: #ddd; */
    margin-bottom: 30px;
    margin-right: 30px;
}
.navbar-toggle .icon-bar{
    background-color: #20386E;
    display: block;
    width: 50px;
    height: 7px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top: 10px;
}
.mobile_mode, .mobile_inline_mode{
    display: none !important;
}
.web_mode{
    display: block !important;
}
.web_inline_mode{
    display: inline-block !important;
}
.menu_bar_line{
    height: 1px;
    margin: 20px 5%;
    background-color: #fff;
}

.cd-top {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 50px !important;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(151,151,151, 0.8)  url(../library/back-to-top/img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    /*    -webkit-transition: opacity .3s 3s, visibility 0s .3s;
        -moz-transition: opacity .3s 3s, visibility 0s .3s;*/
    transition: opacity .3s 0s, visibility 0s .3s;
    /*border-radius: 20px;*/
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out{
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .8;

}
.cd-top_mouseleave{
    -webkit-transition: opacity 0s 0s, visibility 0s 0s !important;
    -moz-transition: opacity 0s 0s, visibility 0s 0s !important;
    transition: opacity 0s 0s, visibility 0s 0s !important;
    opacity: 1 !important;
    background-color: rgba(151,151,151,1) !important;
}
.cd-top:hover {
    opacity: 1 !important;
    background-color: rgba(151,151,151, 1) !important;
}
.fbIframeDiv{
    height: 46px;
}
.carousel-control{
    width:  50px !important;
    color: rgb(127,127,127) !important;
}
.carousel-control.invisible{
    display: none !important;
}
.carousel-control.right , .carousel-control.left{
    background-image: none !important;
}
.carousel-control .glyphicon-chevron-right,  .carousel-control .glyphicon-chevron-left{
    font-size: 50px !important;
}
.tc_font .v_header, .tc_font .part1, .tc_font  .v_index .part4 .title, .tc_font .v_media .part3 .btn .content,.tc_font .v_support .logo,.tc_font .v_aboutUs .mission_header,
.tc_font .v_aboutUs .mission_header2, .tc_font .v_aboutUs .ourBoard_header, .tc_font .v_aboutUs .mission_subheader, .tc_font  .v_aboutUs  .map_header, .tc_font .subheader,
.tc_font .v_foodRescue .header, .tc_font .v_foodAssistance .header,  .tc_font  .v_team .header,.tc_font .pageHeader, .tc_font .background{
    font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif; !important;
}
@-webkit-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone2 {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        display: block;
        opacity: 1;
    }
}
@media screen and (max-width:1650px){
    .v_index .part3 .poster, .v_index .part3 .video{
        max-width: 45%;
    }
}
@media screen and (max-width:1550px){
    .v_aboutUs .part5{
        max-width: 100%;
    }
}
@media screen and (max-width:1500px){
    .v_getInvolved .content_div{
        width: 600px;
    }
    .v_getInvolved .section_div:nth-child(even) .content_div{
        margin-left: 0px;
    }
    .v_getInvolved .section_div:nth-child(odd) .imgDiv{
        margin-left: 0;
    }
    .v_getInvolved .section_div:nth-child(odd) .content_div{
        margin-left: 50px;
    }
}
@media screen and (max-width:1450px){
    #magnificPopup .img_div{
        padding: 10px 20px;
    }
    .v_index .part3 .poster, .v_index .part3 .video{
        max-width: 95%;
    }
    .v_index .part3 .video{
        margin-top: 30px;
    }
}

@media screen and (max-width:1350px){
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en{
        max-width: 1200px;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .top_nav .upper div{
        font-size: 18px;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .top_nav .lower div, .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .bottom_nav div{
        font-size: 18px;
    }
    .v_foodRescue .left_div, .v_foodAssistance .left_div, .v_team .left_div, .v_foodRescue .right_div, .v_foodAssistance .right_div, .v_team .right_div{
        padding:0 1%;
    }
    .v_foodRescue .part3_contentDiv, .v_foodAssistance .part2_contentDiv, .v_foodAssistance .part4_contentDiv, .v_team .part3_contentDiv,.v_team .part5_contentDiv{
        padding-left: 0;
        margin-left: 0;
        width: 85%;
    }
    .v_foodRescue .part2_contentDiv, .v_foodAssistance .part3_contentDiv, .v_team .part2_contentDiv, .v_team .part4_contentDiv{
        width: 85%;
    }
    .v_foodRescue .right_img, .v_foodAssistance .right_img, .v_team .right_img{
        margin-right: 50px;
    }
    .v_getInvolved .section_div:nth-child(odd) .imgDiv{
         margin-left: 50px;
    }
    .v_getInvolved .section_div:nth-child(even) .content_div{
        margin-left: 0;
    }
    .v_getInvolved .page_footer{
        padding: 0 5%;
    }
    .v_getInvolved .content_div{
        width: 650px;
    }
    .v_getInvolved .section_div:nth-child(odd) .content_div{
        margin-left: 0;
    }
    .mobile_inline_mode{
        display: inline-block !important;
    }
    .web_inline_mode{
        display: none !important;
    }
}  
@media screen and (max-width:1300px){
    .v_header .header_right{
        top: 0;
        bottom: initial;
    }
    .v_figure .subheader:before, .v_figure .subheader:after, .v_ourPartners .subheader:before, .v_ourPartners .subheader:after{
        width: 28%;
    }
    .v_figure .subheader, .v_ourPartners .subheader{
        margin-bottom: 20px;
    }
    .v_figure .part2, .v_figure .part3, .v_figure .part4, .v_figure .part5{
        padding: 0 5%;
    }
    .v_figure .col-md-6, .v_figure .part3 .col-md-4,.v_figure .part2 .left, .v_figure .part2 .right,.v_figure fieldset.small{
        max-width: 100%;
        width: 100%;
    }
    .v_figure .part2 .right,.v_figure .part3 .col-md-4:nth-child(3){
        margin: 0;
    }
    .v_figure .content{
        height: 150px;
    }
    .v_figure .small .number img{
        width: 50px;
    }
    .v_figure fieldset.small legend{
        max-width: 550px;
        padding: 0 5px;
        /*font-size: 28px;*/
    }
    .v_figure .left fieldset.small:nth-child(3)  legend{
        height: 90px;
    }
    .v_figure .right fieldset.small:nth-child(1)  legend{
        height: 80px;
    }
    .v_figure legend img{
        height: 50px !important;
    }
    .v_figure .part2 .right fieldset:last-child legend img{
        padding-right: 0;
    }
    .v_figure .part3 legend{
        height: auto;
    }
    .v_header > .menu_bar > .bottom .menu .menu_en{
        font-size: 15px !important;
        line-height: 15px;
        padding: 0 20px;
        margin-left: 20px;
    }
    .v_header > .menu_bar > .bottom .menu > div > div .line2.menu_en{
        right: -4vw;
    }
    body:not(.tc_font) .v_header .top .right div.menu .submenu, .v_header > .menu_bar > .bottom .menu > div.menu_en > div .submenu, .v_header .headerDonationBtn .submenu{
        font-size: 15px;
    }
    .v_header .top .right div.menubar:first-child{
        padding-left: 0;
    }
}
@media screen and (max-width:1250px){
    .v_header .header_right_en{
        top: 0;
        bottom: initial;
    }
    .v_index .index_desc{
        padding: 25px 5%;
    }
    .v_support .box_div{
        width: 95%;
    }
}
@media screen and (max-width:1200px){
    .v_header > .menu_bar > .bottom .menu .menuBar{
        font-size: 15px !important;
        line-height: 15px;
        padding: 0 20px;
        margin-left: 20px;
    }
    .v_header .top .right div.menu, .v_header .top .right .lang {
        font-size: 17px;
    }
    .v_header .top .right div.menu .submenu, .v_header > .menu_bar > .bottom .menu > div.menuBar > div .submenu, .v_header .headerDonationBtn .submenu{
        font-size: 15px;
    }
}
@media screen and (max-width:1150px){
    body:not(.tc_font) .v_header .fullBanner .banner {
        height: calc(100% - 250px);
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .top_nav .upper div{
        margin-bottom: 20px;
        font-size: 18px;
        width: 300px;
        margin-right: 0;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .top_nav .lower div, .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .bottom_nav div{
        width: 300px;
        font-size: 18px;
        margin-right: 0;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .bottom_nav div{
        width: 200px !important;
        margin-right: 0;
    } 
}
@media screen and (max-width:1100px){
    .v_media .part3 .content .box{
        width: 49%;
    }
    .v_header > .menu_bar > .bottom .menu > div > div .line2.menu_en{
        display: none;
    }
}
@media screen and (max-width:1050px){
    .v_header .top .right div.menu.menu_en{
        font-size: 17px;
    }
    .v_header .fullBanner .banner {
        height: calc(100% - 250px);
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .top_nav .upper div{
        margin-bottom: 15px;
        width: 240px;
        margin-right: 0;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom{
        max-width: 1200px;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .top_nav .lower div{
        width: 240px !important;
        margin-right: 0;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .bottom_nav{
        margin-left: 0;
    }
    .v_education .img_container img {
        width: 1350px;
        margin-top: -28%;
    }
    .v_publication .part2 .large_nav{
        display: none;
    }
    .v_publication .part2 .small_nav{
        display: block;
    }
}
@media screen and (max-width:1000px){
    .v_support .logo img{
        width: 100%;
    }
}
@media screen and (max-width:950px){
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom.banner_en .top_nav .upper div{
        width: 240px;
    }
    .v_header > .menu_bar > .bottom .menu > div > div .line2{
        display: none;
    }
    .v_header .fullBanner .bannerMenuBarMask .bannerMenuBar .bottom .bottom_nav div{
        width: 180px !important;
    }
}
@media screen and (max-width:900px){
    .mfp-auto-cursor .mfp-content{
       height: 65%; 
       width: 90% !important;
    }
    .v_header .top .right div.menu, .v_header .top .right .lang{
        padding: 0px 15px;
    }
    .v_ourPartners .part2 .web_mode, .v_aboutUs .part2 .web_mode{
        display: none !important;
    }
    .v_ourPartners .part2 .mobile_mode, .v_aboutUs .part2 .mobile_mode{
        display: block !important;
    }
}
@media screen and (max-width:768px){
    .v_foodRescue .content, .v_foodAssistance .content, .v_team .content, .v_ourPartners .part3 .box_div .content, .v_education .part2, .v_education .part3, .v_education .part4,
    .v_getInvolved .content_div, .v_aboutUs .content_div, .v_aboutUs .box_div{
        font-size: 23px;
    }
    .v_header .menu_bar {
        opacity: 1;
        display: block;
    }
    .v_header > .menu_bar  > .bottom{
        display: none;
    }
    .v_header  .headerDonationBtn{
        margin-right: 0px;
        visibility:  hidden;
    }
    .v_header .top .menu{
        padding: 0px 5px;
    }
    .mobile_mode{
        display: block !important;
    }
    .mobile_inline_mode{
        display: inline-block !important;
    }
    .web_mode, .web_inline_mode{
        display: none !important;
    }
    .v_header .top .menu .left img{
        width: 100%;
    }
    .v_header > .bottom{
        background: -webkit-linear-gradient(to bottom , #FFFFFF 0px,#FFFFFF 45px,rgba(0,0,0,0) 45px);
        background: -o-linear-gradient(to bottom , #FFFFFF 0px,#FFFFFF 45px,rgba(0,0,0,0) 45px);
        background: -moz-linear-gradient(to bottom , #FFFFFF 0px,#FFFFFF 45px,rgba(0,0,0,0) 45px);
        background: linear-gradient(to bottom , #FFFFFF 0px,#FFFFFF 45px,rgba(0,0,0,0) 45px);
        display: none;
    }
    .v_header .top{
        background: #FFF;
    }
    .v_header{
        background: -webkit-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 45px,#FFFFFF 45px,#FFFFFF);
        background: -o-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 45px,#FFFFFF 45px,#FFFFFF);
        background: -moz-linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 45px,#FFFFFF 45px,#FFFFFF);
        background: linear-gradient(to top , rgba(0,0,0,0) 0px,rgba(0,0,0,0) 45px,#FFFFFF 45px,#FFFFFF);
    }
    .v_header > .bottom .menu .menuBar{
        display: none;
    }
    .v_header > .bottom .menu{
        display: -webkit-flex; /* Safari */
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }
    .v_header .top .menu .right{
        height: 95px;
        display: none;
        /*        display: -webkit-flex;  Safari 
                -webkit-align-items: flex-start;  Safari 7.0+ 
                display: flex;
                align-items: flex-start;*/
    }
    .v_header .top .right .bottom > div.menubar , .v_header .top .right .headerSearchBoxDiv{
        display:  none !important; 
    }
    .v_header .top .menu > div{
        height: 140px;
    }
    .v_header .top .menu .left img.full{
        opacity: 0;
    }
    .v_header .top .right .bottom{
        padding-top: 33px;
    }
    .v_index .part1{
        padding-top: 50px;
    } 
    .margin_left_100_to_0{
        left: 0!important;
    }
    #moblie_menu_bar{
        -webkit-transition: left;
        -webkit-transition-duration: 0.8s;
        transition: left;
        transition-duration: 0.8s;
        position: fixed;
        width: 100%;
        height: calc(100% - 140px);
        left: 100%;
        bottom: 0;
        z-index: 102;
        opacity: 0.98;
        background-color: #20386E;
        color: #FFF;
        overflow: auto;
    }
    #moblie_menu_bar > div{
        font-size: 30px;
        font-weight: 900;
    }
    #moblie_menu_bar > div font{
        font-size: 20px !important;
    }
    #moblie_menu_bar  .menuAsubmenu{
        position:  relative;
        padding: 5px 5%;
    }
    #moblie_menu_bar  .menuAsubmenu .menuBtnsubmenu{
        display: none;
        -webkit-transition: -webkit-opacity 1s, height 1s;
        -moz-transition: -moz-opacity 1s, height 1s;
        -o-transition: -o-opacity 1s, height 1s;
        transition: opacity 1s, height 1s;
        overflow: hidden;
        padding-left: 8%;
    }
    #moblie_menu_bar  .menuAsubmenu .menuBtnsubmenu.selected{
        display: block;
    }
    #moblie_menu_bar > div .menuBtnsubmenu div{
        padding: 10px 0px;
        font-size: 27px;
        transition: color 0.2s;
    }
    #moblie_menu_bar > div .menuBtnsubmenu > div.header{
        background: rgb(167,169,172);
        cursor:  auto;
    }
    #moblie_menu_bar > div .menuBtnsubmenu > div.header span{
        cursor:  auto;
    }
    #moblie_menu_bar > div .menuBtnsubmenu > div.sub{
        padding-left: 20px;
    }
    #moblie_menu_bar > div .menuBtnsubmenu .menuCsubmenu{
        padding-left: 5%;
    }
    #moblie_menu_bar > div  .menuBtn{
        padding: 16px 0px;
        transition: color 0.2s;
        cursor:  pointer;
    }
    #moblie_menu_bar .menuAsubmenu.selected {
        background-color: #00AEEF;
        padding-bottom: 10px; 
    }
    #moblie_menu_bar .menuAsubmenu.selected .menuBtn > span{
        border-left: 5px solid white;
        padding-bottom: 5px;
        padding-left: 20px;
    }
    #moblie_menu_bar > div span ~ i{
        -webkit-transform: rotateZ(-90deg); /* Safari */
        -moz-transform:rotateZ(-90deg);
        -o-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg); /* Standard syntax */
        -webkit-transition: -webkit-transform 1s;
        -moz-transition: -moz-transform 1s;
        -o-transition: -o-transform 1s;
        transition: transform 1s;
        cursor:  pointer;
    }
    #moblie_menu_bar > div span{
        padding-right: 10px;
        cursor:  pointer;
    }
    #moblie_menu_bar > div .language{
        font-family: "cwTeXYen", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    }
    #show_moblie_menu_bar{
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 101;
    }
    .display {
        display: none;
    }
    .v_footer{
        text-align: center;
    }
    .v_footer .top{
        font-size: 25px;
        color: #888888;
        margin-bottom: 10px;
        padding-top: 50px;
        background-color: #FFF;
    }
    .v_footer .footer_img{
        display: inline-block;
        margin: 20px 0;
    }
    .v_footer .bottom{
        background-color: #F1F2F2;
        padding: 25px 0;
        font-size: 20px;
    }
    .v_headerMask{
        margin-bottom: 0px;
    }
    .mfp-container{
        padding-left: 0px !important;
        padding-right: 0px !important;
        overflow-y: hidden;
    }
    .mfp-wrap{
        height: 100% !important;
        overflow-y: hidden; 
        position: fixed !important;
        top: 0px !important;
    }
    .PopupContent .imgs{
        float:  none;
    }
    .PopupContent .left{
        padding-left: 0px; 
        overflow-y: hidden;
        max-height:  none;
        display: inline;
    }
    .PopupContent{
        overflow-y: auto;
    }
    .PopupContent .left .date{
        font-size: 20px;
        padding-top: 20px;
    }
    #moblie_menu_bar .headerIcon  > div{
        display:  inline-block;
    }
    #moblie_menu_bar .headerIcon  > div:nth-child(n+2){
        padding-left: 20px;
    }
    .v_foodRescue, .v_team , .v_foodAssistance , .v_publication, .v_education , .v_getInvolved , .v_aboutUs , .v_ourPartners , .v_figure , .v_involvedDonation, .v_support, .v_career , .v_media, .v_site_map {
        margin-top: 110px;
    }
    .carousel-caption{
        left: 15%;
        right: 15%;
        top: auto;
        padding-top:  0;
        padding-left: 0;
        text-align: center;
    }
    .carousel-caption .btn{
        font-size: 24px;
        padding: 8px 30px;
    }
    .donatebtnSpan{
        padding-right: 30px !important;
    }
    input[type="text"],input[type="tel"], select {
        height: 60px;
    }
    .v_support .logo{
        display: none;
        max-width: 50%;
    }
    .v_support .logo.selected{
        display: block;
        margin: 0 auto;
    }
    .v_support #wishlist .content, .v_support .part3 .left, .v_support .part3 .right{
        width: 100%;
    }
    .v_support .part3 .left, .v_support .part3 .right{
        margin-right: 0;
    }
    .v_career .part2 div{
        width: 100%;
        height: 60px;
    }
    .v_aboutUs .part4 .content_div{
        padding-left: 5%;
    }
    .v_aboutUs .part4 .content{
        width: 100%;
    }
    .anchor{
        padding-top: 125px;
        margin-top: -125px;
    }
    .v_ourPartners .partner2 .img_div{
        max-width: 24%;
    }
    .v_ourPartners .partner_c1 .img_div, .v_ourPartners .partner1 .img_div {
        max-width: 32.5%;
    }
    .v_involvedDonation .logo img{
        width: 190px;
    }
    .v_involvedDonation .imgDiv{
        width: 70%;
        margin-bottom: 60px;
    }
    .v_involvedDonation .background {
        height: 100%;
    }
    .v_getInvolved .section_div .subheader{
        width: 100%;
    }
    .v_getInvolved .content_div{
        width: 85%;
    }
    .v_aboutUs .box_div{
        width: 100%;
        line-height: 1.5;
    }
    .v_aboutUs .map_header{
        font-size: 25px;
    }
    .v_aboutUs .google_map{
        width: 100%;
    }
    .v_media .part3 .content .box{
        width: 100%;
    }
    .v_media .selectDiv{
        text-align: center;
    }
    .v_media .video_box.col-md-4{
        max-width: 100%;
    }
    .v_index .part3 .poster .carousel-inner img, .v_index #slideShow_poster,#slideShow_poster .carousel-inner,.v_index .part3 .video_slide{
        max-width: 600px;
        width: 100%;
    }
    .v_index .part3 .poster .carousel-inner img{
        max-height: 400px;
        height: 100%;
    }
     .v_index .part3 .poster .glyphicon-chevron-right{
        right: 10%;
    }
    .v_index .part3 .video_box{
        max-height: 400px;
        height: 100%;
        padding-bottom: 56.25%;
    }
    .v_index .part4 .right{
        margin: 0;
    }
    .v_index .angel_mobile_mode{
        display: block;
        width: 100%;
    }
    .v_index .part4 .angel_web_mode{
        display: none;
    }
    .v_index .part4 .desc{
        margin-top: 50px;
    }
    .v_index .part4 .desc:before {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        top: -40px; right: 50%;
        transform: translate(50%,-50%);
        border: 40px solid transparent;
        border-bottom: 40px solid #20386E;
    }
    .v_publication .publication, .v_ourPartners .button, .v_media .subheader, .v_aboutUs .button{
        font-size: 23px;
    }
    .v_foodRescue .carousel-inner .item, .v_foodAssistance .carousel-inner .item, .v_team .carousel-inner .item, .v_involvedDonation .carousel-inner .item, .v_getInvolved .carousel-inner .item{
        width: 100%;
        height: auto;
        max-height: 58vw;
    }
    .v_education .subheader{
        padding-top: 10px;
        width: 60%;
        font-size: 28px;
    }
    .v_education .img_container img {
        width: 930px;
        margin-top: -25%;
    }
    #magnificPopup .index_popup .left{
        padding: 0;
        max-width: 100%;
        height: auto;
    }
    #magnificPopup .index_popup .right{
        max-width: 100%;
    }
    #magnificPopup .index_popup .left img{
        width: 100%;
    }
    #magnificPopup.index_page {
         height: 100%; 
    }
    #magnificPopup.index_popup_box{
        height: 400px;
        width: 95%;
    }
    #magnificPopup .popup_box_content{
        font-size: 22px !important;
    }
    #magnificPopup .img_div{
        padding: 10px 40px;
    }
    #magnificPopup .media_popup .img_box{
        height: 100%;
    }
    .v_index .part4 .left{
        display: none;
    }
    .v_index .part4 .right{
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: 0;
    }
    .v_figure .figure_en .page_subheader{
        font-size: 21px;
    }
    .v_figure .date, .v_figure .figure_en .date{
        font-size: 20px;
        transform: translate(-50%,0%);
    }
    .v_figure .part5{
        margin-bottom: 0;
    }
    .v_ourPartners .part3 .text{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .v_site_map .col-md-4{
        max-width: 100%;
    }
    .v_publication .part3 .box_div .content div{
        margin-right: 0;
        width: 70%;
    }
}
@media screen and (max-width:600px){
    .v_index .part3 .video .control .col-md-4 {
        max-width: 100%;
    }
    .v_index .part3 .poster .control{
        height: 60px;
        display: table;
        width: 100%;
        padding-top: 0;
    }
    .v_index .part3 .poster .control .control_text{
        display: table-cell;
        vertical-align: middle;
    }
    .v_involvedDonation .logo{
        max-width: 100%;
    }
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
    .poster_but{ background-image:url(../images/but_playvideo@2x.png); }
}

@font-face {
    font-family: 'apex_newmedium';
    src: url('../fonts/apexnew-medium-webfont-2.eot');
    src: url('../fonts/apexnew-medium-webfont-2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apexnew-medium-webfont-2.svg#apex_newmedium') format('svg'),
         url('../fonts/apexnew-medium-webfont-2.woff') format('woff'),
         url('../fonts/apexnew-medium-webfont-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'apex_newbold';
    src: url('../fonts/apexnew-bold-webfont-2.eot');
    src: url('../fonts/apexnew-bold-webfont-2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apexnew-bold-webfont-2.svg#apex_newbold') format('svg'),
         url('../fonts/apexnew-bold-webfont-2.woff') format('woff'),
         url('../fonts/apexnew-bold-webfont-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'apex_newbook';
    src: url('../fonts/apexnew-book-webfont-2.eot');
    src: url('../fonts/apexnew-book-webfont-2.eot?#iefix') format('embedded-opentype'),
         url('../fonts/apexnew-book-webfont-2.svg#apex_newbook') format('svg'),
         url('../fonts/apexnew-book-webfont-2.woff') format('woff'),
         url('../fonts/apexnew-book-webfont-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* for ie */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .v_header > .menu_bar > .bottom .menu > div > div:not(.textDiv){
        display: -ms-grid;
    }
    .v_header > .menu_bar > .bottom .menu > div > div .line{
        bottom: -21px;
    }
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) and (max-width:1200px){
    .v_header .header_right{
        top: -5px;
    }
}

/*for firefox*/
@-moz-document url-prefix() { 
    @media screen and (max-width:1250px){
        .v_header .header_right{
            top: -5px;
        }
    }
}

@media screen and (orientation:landscape) and (max-width:768px){ 
    .v_header .top .menu .left img {
        width: 150px;
    }
    #moblie_menu_bar{
        height: calc(100% - 85px);
    }
    .v_header .top .menu > div{
        height: 85px;
    }
    .navbar-toggle{
        margin-bottom: 20px;
    }
    .v_foodRescue, .v_team, .v_foodAssistance, .v_publication, .v_education, .v_getInvolved, .v_aboutUs, .v_ourPartners, 
    .v_figure, .v_involvedDonation, .v_support, .v_career, .v_media, .v_site_map,
    .v_header .mobile_banner{
        margin-top: 75px;
    }
    .anchor{
        padding-top: 55px;
        margin-top: -55px;
    } 
}

/*for ie*/
@media screen and (min-width: 640px), screen\9 {
    .v_header .menu_bar {
        zoom:1;
    }
}