.vjs-default-skin { color:#ccc } @font-face { font-family:VideoJS; src:url(../../fonts/vjs.eot); src:url(../../fonts/vjs.eot?#iefix) format('embedded-opentype'), url(../../fonts/vjs.woff) format('woff'), url(../../fonts/vjs.ttf) format('truetype'), url(../../fonts/vjs.svg#icomoon) format('svg'); font-weight:400; font-style:normal } .vjs-default-skin .vjs-slider { outline:0; position:relative; cursor:pointer; padding:0; background-color:#333; background-color:rgba(51, 51, 51, .9) } .vjs-default-skin .vjs-slider:focus { -webkit-box-shadow:0 0 2em #fff; -moz-box-shadow:0 0 2em #fff; box-shadow:0 0 2em #fff } .vjs-default-skin .vjs-slider-handle { position:absolute; left:0; top:0 } .vjs-default-skin .vjs-slider-handle:before { content:"\e009"; font-family:VideoJS; font-size:1em; line-height:1; text-align:center; text-shadow:0 0 1em #fff; position:absolute; top:0; left:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg) } .vjs-default-skin .vjs-control-bar { display:none; position:absolute; bottom:0; left:0; right:0; height:3em; background-color:#07141e; background-color:rgba(7, 20, 30, .7) } .vjs-default-skin.vjs-has-started .vjs-control-bar { display:block; visibility:visible; opacity:1; -webkit-transition:visibility .1s, opacity .1s; -moz-transition:visibility .1s, opacity .1s; -o-transition:visibility .1s, opacity .1s; transition:visibility .1s, opacity .1s } .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display:block; visibility:hidden; opacity:0; -webkit-transition:visibility 1s, opacity 1s; -moz-transition:visibility 1s, opacity 1s; -o-transition:visibility 1s, opacity 1s; transition:visibility 1s, opacity 1s } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar, .vjs-default-skin.vjs-error .vjs-control-bar, .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display:none } .vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity:1; visibility:visible } @media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before { content:"" } } .vjs-default-skin .vjs-control { outline:0; position:relative; float:left; text-align:center; margin:0; padding:0; height:3em; width:4em } .vjs-default-skin .vjs-control:before { font-family:VideoJS; font-size:1.5em; line-height:2; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, .5) } .vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before { text-shadow:0 0 1em #fff } .vjs-default-skin .vjs-control-text { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } .vjs-default-skin .vjs-play-control { width:5em; cursor:pointer } .vjs-default-skin .vjs-play-control:before { content:"\e001" } .vjs-default-skin.vjs-playing .vjs-play-control:before { content:"\e002" } .vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value { font-size:1.5em; line-height:2; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, .5) } .vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content { width:4em; left:-2em; list-style:none } .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { cursor:pointer; float:right } .vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before { content:"\e006" } .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content:"\e003" } .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content:"\e004" } .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content:"\e005" } .vjs-default-skin .vjs-volume-control { width:5em; float:right } .vjs-default-skin .vjs-volume-bar { width:5em; height:.6em; margin:1.1em auto 0 } .vjs-default-skin .vjs-volume-level { position:absolute; top:0; left:0; height:.5em; width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 #66a8cc } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width:.5em; height:.5em; left:4.5em } .vjs-default-skin .vjs-volume-handle:before { font-size:.9em; top:-.2em; left:-.2em; width:1em; height:1em } .vjs-default-skin .vjs-volume-menu-button .vjs-menu { display:block; width:0; height:0; border-top-color:transparent } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { height:0; width:0 } .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing, .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu { border-top-color:rgba(7, 40, 50, .5) } .vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content, .vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content { height:2.9em; width:10em } .vjs-default-skin .vjs-progress-control { position:absolute; left:0; right:0; width:auto; font-size:.3em; height:1em; top:-1em; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s } .vjs-default-skin:hover .vjs-progress-control { font-size:.9em; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s } .vjs-default-skin .vjs-progress-holder { height:100% } .vjs-default-skin .vjs-progress-holder .vjs-load-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress div, .vjs-default-skin .vjs-progress-holder .vjs-play-progress { position:absolute; display:block; height:100%; margin:0; padding:0; width:0; left:0; top:0 } .vjs-default-skin .vjs-play-progress { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 #66a8cc } .vjs-default-skin .vjs-load-progress { background:#646464; background:rgba(255, 255, 255, .2) } .vjs-default-skin .vjs-load-progress div { background:#787878; background:rgba(255, 255, 255, .1) } .vjs-default-skin .vjs-seek-handle { width:1.5em; height:100% } .vjs-default-skin .vjs-seek-handle:before { padding-top:.1em } .vjs-default-skin.vjs-live .vjs-progress-control, .vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider { display:none } .vjs-default-skin.vjs-live .vjs-live-display { display:block } .vjs-default-skin .vjs-live-display { display:none; font-size:1em; line-height:3em } .vjs-default-skin .vjs-time-controls { font-size:1em; line-height:3em } .vjs-default-skin .vjs-current-time, .vjs-default-skin .vjs-duration { float:left } .vjs-default-skin .vjs-remaining-time { display:none; float:left } .vjs-time-divider { float:left; line-height:3em } .vjs-default-skin .vjs-fullscreen-control { width:3.8em; cursor:pointer; float:right } .vjs-default-skin .vjs-fullscreen-control:before { content:"\e000" } .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content:"\e00b" } .vjs-default-skin .vjs-big-play-button { left:0; top:0; font-size:0; display:block; z-index:2; position:absolute; width:0; height:0; text-align:center; vertical-align:middle; cursor:pointer; opacity:1; background-color:#07141e; background-color:rgba(7, 20, 30, .7); border:0 solid #3b4249; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -webkit-box-shadow:0 0 1em rgba(255, 255, 255, .25); -moz-box-shadow:0 0 1em rgba(255, 255, 255, .25); box-shadow:0 0 1em rgba(255, 255, 255, .25); -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; transition:all .4s } .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { left:50%; margin-left:0; top:50%; margin-top:0 } .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button, .vjs-default-skin.vjs-has-started .vjs-big-play-button, .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display:none } .vjs-default-skin .vjs-big-play-button:focus, .vjs-default-skin:hover .vjs-big-play-button { outline:0; border-color:#fff; background-color:#505050; background-color:rgba(50, 50, 50, .75); -webkit-box-shadow:0 0 3em #fff; -moz-box-shadow:0 0 3em #fff; box-shadow:0 0 3em #fff; -webkit-transition:all 0s; -moz-transition:all 0s; -o-transition:all 0s; transition:all 0s } .vjs-default-skin .vjs-big-play-button:before { content:"\e001"; font-family:VideoJS; line-height:0; text-shadow:.05em .05em .1em #000; text-align:center; position:absolute; left:0; width:100%; height:100% } .vjs-error .vjs-big-play-button, .vjs-error-display { display:none } .vjs-error .vjs-error-display { display:block; position:absolute; left:0; top:0; width:100%; height:100% } .vjs-error .vjs-error-display:before { content:'X'; font-family:Arial; font-size:4em; color:#666; line-height:1; text-shadow:.05em .05em .1em #000; text-align:center; vertical-align:middle; position:absolute; left:0; top:50%; margin-top:-.5em; width:100% } .vjs-error-display div { position:absolute; bottom:1em; right:0; left:0; font-size:1.4em; text-align:center; padding:3px; background:#000; background:rgba(0, 0, 0, .5) } .vjs-error-display a, .vjs-error-display a:visited { color:#F4A460 } .vjs-loading-spinner { display:none; position:absolute; top:50%; left:50%; font-size:4em; line-height:1; width:1em; height:1em; margin-left:-.5em; margin-top:-.5em; opacity:.75 } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display:block; -webkit-animation:spin 1.5s infinite linear; -moz-animation:spin 1.5s infinite linear; -o-animation:spin 1.5s infinite linear; animation:spin 1.5s infinite linear } .vjs-error .vjs-loading-spinner { display:none; -webkit-animation:none; -moz-animation:none; -o-animation:none; animation:none } .vjs-default-skin .vjs-loading-spinner:before { content:"\e01e"; font-family:VideoJS; position:absolute; top:0; left:0; width:1em; height:1em; text-align:center; text-shadow:0 0 .1em #000 } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg) } 100% { -moz-transform:rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg) } 100% { -webkit-transform:rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg) } 100% { -o-transform:rotate(359deg) } } @keyframes spin { 0% { transform:rotate(0deg) } 100% { transform:rotate(359deg) } } .vjs-default-skin .vjs-menu-button { float:right; cursor:pointer } .vjs-default-skin .vjs-menu { display:none; position:absolute; bottom:0; left:0; width:0; height:0; margin-bottom:3em; border-left:2em solid transparent; border-right:2em solid transparent; border-top:1.55em solid #000; border-top-color:rgba(7, 40, 50, .5) } .vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content { display:block; padding:0; margin:0; position:absolute; width:10em; bottom:1.5em; max-height:15em; overflow:auto; left:-5em; background-color:#07141e; background-color:rgba(7, 20, 30, .7); -webkit-box-shadow:-.2em -.2em .3em rgba(255, 255, 255, .2); -moz-box-shadow:-.2em -.2em .3em rgba(255, 255, 255, .2); box-shadow:-.2em -.2em .3em rgba(255, 255, 255, .2) } .vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing, .vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu { display:block } .vjs-default-skin .vjs-menu-button ul li { list-style:none; margin:0; padding:.3em 0; line-height:1.4em; font-size:1.2em; text-align:center; text-transform:lowercase } .vjs-default-skin .vjs-menu-button ul li.vjs-selected { background-color:#000 } .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover, .vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover { outline:0; color:#111; background-color:#fff; background-color:rgba(255, 255, 255, .75); -webkit-box-shadow:0 0 1em #fff; -moz-box-shadow:0 0 1em #fff; box-shadow:0 0 1em #fff } .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title { text-align:center; text-transform:uppercase; font-size:1em; line-height:2em; padding:0; margin:0 0 .3em; font-weight:700; cursor:default } .vjs-default-skin .vjs-subtitles-button:before { content:"\e00c" } .vjs-default-skin .vjs-captions-button:before { content:"\e008" } .vjs-default-skin .vjs-chapters-button:before { content:"\e00c" } .vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content { width:24em; left:-12em } .vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before { -webkit-box-shadow:0 0 1em #fff; -moz-box-shadow:0 0 1em #fff; box-shadow:0 0 1em #fff } .video-js { background-color:#000; position:relative; padding:0; font-size:10px; vertical-align:middle; font-weight:400; font-style:normal; font-family:Arial, sans-serif; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .video-js .vjs-tech { position:absolute; top:0; left:0; width:100%; height:100% } .video-js:-moz-full-screen { position:absolute } body.vjs-full-window { padding:0; margin:0; height:100%; overflow-y:auto } .video-js.vjs-fullscreen { position:fixed; overflow:hidden; z-index:1000; left:0; top:0; bottom:0; right:0; width:100%!important; height:100%!important } .video-js:-webkit-full-screen { width:100%!important; height:100%!important } .video-js.vjs-fullscreen.vjs-user-inactive { cursor:none } .vjs-poster { background-repeat:no-repeat; background-position:50% 50%; background-size:contain; cursor:pointer; margin:0; padding:0; position:absolute; top:0; right:0; bottom:0; left:0 } .vjs-poster img { display:block; margin:0 auto; max-height:100%; padding:0; width:100% } .video-js.vjs-has-started .vjs-poster { display:none } .video-js.vjs-audio.vjs-has-started .vjs-poster { display:block } .video-js.vjs-controls-disabled .vjs-poster, .video-js.vjs-using-native-controls .vjs-poster { display:none } .video-js .vjs-text-track-display { text-align:center; position:absolute; bottom:4em; left:1em; right:1em } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom:1em } .video-js .vjs-text-track { display:none; font-size:1.4em; text-align:center; margin-bottom:.1em; background-color:#000; background-color:rgba(0, 0, 0, .5) } .video-js .vjs-subtitles { color:#fff } .video-js .vjs-captions { color:#fc6 } .vjs-tt-cue { display:block } .video-js.vjs-fullscreen .vjs-text-track { font-size:3em } .vjs-default-skin .vjs-hidden { display:none } .vjs-lock-showing { display:block!important; opacity:1; visibility:visible } .vjs-no-js { padding:20px; color:#ccc; background-color:#333; font-size:18px; font-family:Arial, sans-serif; text-align:center; width:300px; height:150px; margin:0 auto } .vjs-no-js a, .vjs-no-js a:visited { color:#F4A460 }body{background-color:#222}#footer{position:relative}.all_image{background-image:url(../../images/home/all_sprite_home.png);background-repeat:no-repeat;background-position:0 0}#main_home{height:auto;min-height:100%;width:100%;height:100%}#main_home .home_banner{width:100%;height:100%;position:fixed;top:0;z-index:0}#main_home .home_banner .home_banner_slide{height:100%}#main_home .home_banner .home_banner_slide .home_banner_slide_list{width:inherit;height:inherit;position:relative}#main_home .home_banner .home_banner_slide .home_banner_slide_list img{width:100%;margin:auto;left:-100%;right:-100%;top:-100%;bottom:-100%;position:absolute;z-index:0}#main_home .home_banner .home_banner_slide .home_banner_slide_list .link_banner{width:100%;height:100%;outline:0;display:block;z-index:3;position:absolute;top:0;left:0}#main_home .home_banner .home_banner_slide .home_banner_slide_list .black_overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../images/home/bg_overlay.png) repeat;z-index:1}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc{left:0;right:0;margin:0 auto;position:absolute;width:970px;bottom:10%;visibility:hidden;z-index:2}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc.left{text-align:left}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc.right{text-align:right}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc.loaded{visibility:visible}#main_home .home_banner .home_banner_slide .home_banner_desc{font-size:65px;line-height:70px;color:#FFF;width:420px;text-align:center;display:inline-block;vertical-align:middle}#main_home .home_banner .home_banner_slide #home_banner_middle{width:100%;height:332px;position:absolute}#main_home .home_banner .bx-wrapper{height:100%!important}#main_home .home_banner .bx-wrapper .bx-viewport{height:100%!important}#main_home .home_banner .bx-wrapper .bx-viewport .home_banner_slide{z-index:0}#main_home .home_banner .home_banner_arrow{width:42px;height:64px;position:absolute;top:0;bottom:0;margin:auto 0;cursor:pointer;z-index:3;background:url(../../images/home/bg_arrow.png) repeat;top:25%}#main_home .home_banner .home_banner_arrow.prev{left:0}#main_home .home_banner .home_banner_arrow.prev .icon-arrow{background-position:0 -18px}#main_home .home_banner .home_banner_arrow.next{right:0}#main_home .home_banner .home_banner_arrow.next .icon-arrow{background-position:-17px -18px}#main_home .home_banner .home_banner_arrow .icon-arrow{width:18px;height:33px;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute}#main_home .home_content{width:970px;margin:0 auto}#main_home .home_content .box_home_content{width:100%;height:380px;border-top:1px solid #B4B4B4;position:relative;overflow:hidden}#main_home .home_content .box_home_content:first-child{border-top:0}#main_home .home_content .box_home_content .read_more{outline:0;font-size:24px;line-height:24px;color:#55BA3F;margin-top:20px;display:inline-block;text-decoration:none}#main_home .home_content .box_home_content .icon-more{width:18px;height:18px;background-position:0 0;display:inline-block;vertical-align:middle;margin-left:5px}#main_home .home_content .whoweare #wrap_whoweare_slide{-webkit-transform:translate3d(0,0,0);width:100%;height:100%;z-index:1}#main_home .home_content .whoweare .show-xs{position:relative;z-index:0}#main_home .home_content .whoweare .who_content{width:384px;height:259px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;z-index:3;padding:5px}#main_home .home_content .whoweare .who_content .who_content_header{color:#55BA3F;font-size:38px}#main_home .home_content .whoweare .who_content .who_content_inner{padding:35px 32px;width:100%;height:100%;border:1px solid transparent}#main_home .home_content .whoweare .who_content .who_desc{font-size:24px;color:#555;line-height:28px}#main_home .home_content .white_bg,#main_home .home_content .green_bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}#main_home .home_content .white_bg{background:url(../../images/home/bg_box_content.png) repeat}#main_home .home_content .last_project{-webkit-transform:translate3d(0,0,0)}#main_home .home_content .last_project .last_project_image{position:relative;left:0;top:0;width:100%}#main_home .home_content .last_project .last_project_content{position:absolute;top:0;right:0;z-index:3;padding-top:40px;padding-right:70px;text-align:right;width:100%}#main_home .home_content .last_project .last_header{font-size:24px;color:#888}#main_home .home_content .last_project .last_title{color:#55BA3F;font-size:38px;line-height:30px;padding-top:5px}#main_home .home_content .last_project .last_subtitle{font-size:24px;line-height:24px;color:#000}#main_home .home_content .quote{-webkit-transform:translate3d(0,0,0)}#main_home .home_content .quote #wrap_quote_slide,#main_home .home_content .quote .bx-wrapper{width:100%;position:relative}#main_home .home_content .quote .quote_slide{width:100%;height:auto;position:relative;overflow:hidden}#main_home .home_content .quote .quote_slide.left .quote_content{left:0;padding-left:70px}#main_home .home_content .quote .quote_slide.right .quote_content{right:0;padding-right:70px}#main_home .home_content .quote .quote_image{width:100%}#main_home .home_content .quote .quote_content{top:0;text-align:center;width:485px;padding-top:60px;margin-top:50px;position:absolute}#main_home .home_content .quote .quote_content:before{content:'“';position:absolute;font-size:90px;top:-20px;font-family:db_helvethaica_xbold;color:#666;margin-left:-13px}#main_home .home_content .quote .quote_text{color:#666;font-size:24px;line-height:30px;padding:0 30px;max-height:120px;overflow:hidden}#main_home .home_content .quote .quote_line{background-color:#1E0E23;width:35px;height:1px;margin:20px auto}#main_home .home_content .quote .quote_name{color:#55BA3F;font-size:28px;line-height:24px}#main_home .home_content .quote .quote_position{color:#55BA3F;font-size:22px;line-height:20px}#main_home .home_content .quote .play_video{cursor:pointer;font-size:24px;color:#333;line-height:24px;position:absolute;z-index:3;bottom:15px;left:30px}#main_home .home_content .quote .play_video .icon-play{width:15px;height:17px;background-position:-18px 0;display:inline-block;vertical-align:top;margin-right:10px;margin-top:3px}#main_home .home_content .quote .quote_arrow{width:42px;height:64px;position:absolute;top:0;bottom:0;margin:auto 0;cursor:pointer;z-index:3;background:url(../../images/home/bg_arrow.png) repeat}#main_home .home_content .quote .quote_arrow.prev{left:0}#main_home .home_content .quote .quote_arrow.prev .icon-arrow{background-position:0 -18px}#main_home .home_content .quote .quote_arrow.next{right:0}#main_home .home_content .quote .quote_arrow.next .icon-arrow{background-position:-17px -18px}#main_home .home_content .quote .quote_arrow .icon-arrow{width:18px;height:33px;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute}#main_home .home_content .quote .bx-viewport{height:100%!important}#main_home .home_content .involved_donate{text-align:center;-webkit-transform:translate3d(0,0,0)}#main_home .home_content .involved{width:50%;height:100%;float:left;border-right:1px solid #B4B4B4;position:relative}#main_home .home_content .involved .white_bg,#main_home .home_content .involved .green_bg{-webkit-transition:opacity .35s;-moz-transition:opacity .35s;-ms-transition:opacity .35s;-o-transition:opacity .35s;transition:opacity .35s}#main_home .home_content .involved .white_bg{background:0 0;background:url(../../images/home/bg_involved.png) repeat}#main_home .home_content .involved .green_bg{background:url(../../images/home/bg_involved_hover.png) repeat;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0}#main_home .home_content .involved_donate_text{padding-top:130px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:4}#main_home .home_content .involved_donate_text .involved_text{font-size:38px;color:#FFF;line-height:34px}#main_home .home_content .involved_donate_text .block{display:block}#main_home .home_content .donate{width:50%;height:100%;float:left;position:relative}#main_home .home_content .donate .involved_donate_text .involved_text{color:#000}#main_home .home_content .donate .btn_donate{width:132px;height:40px;border:2px solid #55bb3f;display:block;margin:0 auto;margin-top:30px;text-align:center;font-size:24px;color:#55bb3f;text-decoration:none;-webkit-transition:all .35s;-moz-transition:all .35s;-ms-transition:all .35s;-o-transition:all .35s;transition:all .35s}#home_banner_bullet{bottom:10%;left:0;position:absolute;right:0;z-index:1}#home_banner_bullet .bx-pager{text-align:center}#home_banner_bullet .bx-pager-item{display:inline-block}#home_banner_bullet .bx-pager-item:first-child .bx-pager-link{margin-left:0}#home_banner_bullet .bx-pager-item .bx-pager-link{background-image:url(../../images/home/all_sprite_home.png);background-repeat:no-repeat;background-position:0 0;width:9px;height:9px;background-position:-35px -18px;outline:0;display:inline-block;margin-left:5px;color:transparent;font-size:0;vertical-align:top}#home_banner_bullet .bx-pager-item .bx-pager-link.active{background-position:-35px -27px}.testimomial_video .modal-body{background-color:#F9F9F9}.testimomial_video .modal-footer{display:none}.testimomial_video .vjs-tech{max-width:100%;position:static;vertical-align:middle}.testimomial_video #wrap_video_box{width:100%;height:100%;position:relative;cursor:pointer}.testimomial_video #wrap_video_box.playing .play_box,.testimomial_video #wrap_video_box.playing .play_btn{display:none}.testimomial_video .video-js{min-width:100%!important;height:auto!important}.testimomial_video .play_box{width:100%;height:100%;background-color:#000;bottom:0;cursor:pointer;left:0;margin:auto;position:absolute;right:0;top:0;z-index:1;opacity:.4;-ms-filter:"alpha(Opacity=40)";filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4}.testimomial_video .play_btn{bottom:0;left:5px;margin:auto;position:absolute;right:0;top:0;background:url(../../images/project/project_sprite.png) no-repeat 0 0;z-index:2;width:132px;height:40px}.testimomial_video .modal-header{height:0;min-height:0}@media (max-width:767px){.testimomial_video .modal-content{min-height:255px}#main_home{min-width:320px}#main_home .home_banner{position:relative}#main_home .home_banner .home_banner_slide{height:100%}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc{bottom:auto;display:inline-block;height:100%;text-align:center;top:auto;vertical-align:middle;white-space:nowrap;width:100%}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc.left,#main_home .home_banner .home_banner_slide .wrap_home_banner_desc.right{text-align:center}#main_home .home_banner .home_banner_slide .wrap_home_banner_desc:after{content:"";display:inline-block;height:100%;vertical-align:middle}#main_home .home_banner .home_banner_slide .home_banner_desc{white-space:normal;font-size:50px;line-height:55px;padding:0 20px;height:auto!important;visibility:visible;position:static;width:100%}#main_home .home_banner .home_banner_arrow{top:40%}#main_home .home_content{width:100%}#main_home .home_content .box_home_content{height:auto}#main_home .home_content .whoweare #wrap_whoweare_slide_mobile>img{width:100%;height:auto}#main_home .home_content .whoweare .who_content{padding:0 20px;width:100%;height:200px}#main_home .home_content .whoweare .who_content .who_content_inner{padding:0;border:0}#main_home .home_content .quote .quote_slide.left .quote_content,#main_home .home_content .quote .quote_slide.right .quote_content{padding:40px 20px 0;text-align:center}#main_home .home_content .quote .quote_content{width:100%;margin-top:0}#main_home .home_content .quote .quote_content:before{font-size:80px}#main_home .home_content .quote .quote_text{padding:0;font-size:18px;max-height:100%;line-height:26px}#main_home .home_content .quote .quote_name{font-size:20px}#main_home .home_content .quote .quote_position{font-size:18px}#main_home .home_content .quote .quote_line{margin:10px auto}#main_home .home_content .last_project .last_project_content{padding:15px 20px 0}#main_home .home_content .last_project .last_header{font-size:22px}#main_home .home_content .last_project .last_title{font-size:32px}#main_home .home_content .last_project .last_subtitle{font-size:20px;line-height:20px}#main_home .home_content .involved,#main_home .home_content .donate{float:none;width:100%}#main_home .home_content .involved>img,#main_home .home_content .donate>img{width:100%}#main_home .home_content .involved .involved_donate_text,#main_home .home_content .donate .involved_donate_text{padding:0 20px}#main_home .home_content .involved .involved_donate_text{height:115px}#main_home .home_content .donate .involved_donate_text{height:140px}#home_banner_bullet{bottom:0}}@media (min-width:767px){#header{height:90%;position:static}#main_home .home_content .box_home_content.box_home_content_hover:hover .white_bg{display:none}#main_home .home_content .whoweare.box_home_content.box_home_content_hover .white_bg{width:110%;height:110%;left:-5%;top:-5%;display:block;bottom:0;right:0;margin:auto;-webkit-transition:all .35s ease 0s;-moz-transition:all .35s ease 0s;-ms-transition:all .35s ease 0s;-o-transition:all .35s ease 0s;transition:all .35s ease 0s}#main_home .home_content .whoweare.box_home_content.box_home_content_hover .white_bg:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;border:1px solid #888;margin:5px}#main_home .home_content .whoweare:hover.box_home_content.box_home_content_hover .white_bg{width:384px;height:259px;left:0;top:0}#main_home .home_content .last_project .white_bg{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}#main_home .home_content .last_project:hover.box_home_content.box_home_content_hover .white_bg{display:block;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0}#main_home .home_content .involved:hover .white_bg{opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0}#main_home .home_content .involved:hover .green_bg{opacity:1;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1}#main_home .home_content .involved:hover .read_more{color:#FFF}#main_home .home_content .involved:hover .read_more .icon-more{background-position:-33px 0}#main_home .home_content .donate:hover .btn_donate{color:#FFF;background-color:#55bb3f}}