/* common Split code */
.w-29p { width: 29%;  }
.w-68p { width: 68%;  }

/* Left Video Container */
.video-container { position: relative; margin: 0; padding: 0; width: 100%; overflow: hidden; }
h2.subheader { margin: 20px 0 10px; font: 24px beba; word-spacing: 8px; } 
.video-container-scroll { position: relative; width: 100%; height: 444px; }
.video-list { position: relative; margin: 0; padding: 2px; }
.video-list li { position: relative; list-style-type: none; margin: 0; padding: 0; float: left; width: 100%; }
.video-list li a { display: block; text-decoration: none; margin: 0 0 15px 0; padding: 0 0 0 90px; height: 80px; background: #F1F1F1; color: #000; } 
.sel-video { background: #dcdcdc !important; }
.video-list li a .img-profile { position: absolute; left: 0; top: 0; text-overflow: hidden; width: 90px; height: 82px; }
.video-list li a .img-profile img { width: 100%; height: 96%; }
.video-list li a .content { padding: 10px; }
.video-list li a .content h4 { font: bold 18px ebrima; text-transform: uppercase; }
.video-list li a .content p { margin: 0; font: 15px ebrima; line-height: 16px; }
.video-view-container { padding: 0px 10px 20px 10px; min-height: 460px; }
.video-view { border: 1px solid #d4d4d4; height: 96%; padding: 10px; background: #f9f9f9; }
.video-view .top img { width: 100%; height: 100%; }
.video-view h4 { font: bold 18px ebrima; text-transform: uppercase !important; }
.video-view p { margin: 10px 0; }

.video-info  { margin: 20px auto; padding: 0; overflow: hidden; }
.video-info p { font: 15px/32px ebrima; color: #000; text-align: center; }
.video-info  .icon-vdo { margin: 20px auto; text-align: center; overflow: hidden; }
.video-info  .icon-vdo i { font-size: 100px; color: red; }


/*snap slider*/

.lSPager { display: none; }
.snap-slider { position: relative; margin: 10px 0; padding: 0 35px; width: 90%; clear: both; border: 1px solid #d4d4d4; height: auto; background: #fff; overflow: hidden; }
.snap-slider-content { width: 98%; margin: 0px auto; padding: 0px; overflow: hidden; }


.snap-slider-content-in { width: 100%; margin: 8px auto; overflow: hidden; }
.snap-slider-list { margin: 0; padding: 0; }
.snap-slider-list li { float: left; list-style-type: none; padding: 0 ; margin: 0; }
.snap-slider-list li a { position: relative; display: block; margin: 0; padding: 0; border: 1px solid #555; overflow: hidden; }
.snap-slider-list li img { position: relative; display: block; width: 100%; }

.snap-slider-content-in .lightSlider, .btm-slider-content-in .lightSlider { overflow: hidden; margin: 0; }
.snap-slider-content-in .lSSlideWrapper .lSSlide, .btm-slider-content-in .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.snap-slider-content-in .lSAction, .btm-slider-content-in .lSAction { position: absolute; width: 98%; top: 36%; outline: none; background: transparent; }
.btm-slider-content-in .lSAction  { top: 40%; }
.snap-slider-content-in .lSAction a, .btm-slider-content-in .lSAction a { position: absolute; display: block; padding: 12px 11px; text-decoration: none; color: #fff !important; background: #60B0E1; cursor: pointer; border: 0px; }
.snap-slider-content-in .lSAction > a > i, .btm-slider-content-in .lSAction > a > i { width: 22px; height: 22px; font-size: 22px; display: block; }
.snap-slider-content-in .lSAction .lSPrev { left: -44px; }
.snap-slider-content-in .lSAction .lSNext { right: 25px; }
.snap-slider-content-in .lSAction > a.disabled { pointer-events: none; cursor: default; background: #d4d4d4; }


.btm-slider-content {  width: 90%; margin: 20px auto; padding: 5px 40px; overflow: hidden; background: #fff; position: relative; display: block; border: 1px solid #d4d4d4; }
.btm-slider-content-in { width: 100%; margin: 0px auto; overflow: hidden; padding: 15px 0px; }
.btmlist { margin: 0; padding: 0; }
.btmlist li { float: left; list-style-type: none; padding: 0 ; margin: 0; }
.btmlist li a { position: relative; display: block; margin: 0; padding: 0; border: 1px solid #b5dbf3; overflow: hidden; }
.btmlist li img { position: relative; display: block; width: 100%; }
.btm-slider-content-in .lSAction { width: 100%; }
.btm-slider-content-in .lSAction a { background: #60B0E1; padding: 10px 12px; }
.btm-slider-content-in .lSAction a i { color: #fff; } 
.btm-slider-content-in .lSAction .lSPrev { left: -46px; }
.btm-slider-content-in .lSAction .lSNext { right: 35px; }

.btm-slider-content-in .lSAction > a.disabled { pointer-events: none; cursor: default; background: #d4d4d4; }

/* Event Section */
.event-sect-part { position: relative; display: block; width: 62%; }
.event-sect { margin: 0 auto; padding: 0; clear: both; font: 16px ebrima; width: 100%; overflow: hidden; }
.upcoming-events { margin: 10px 0 0px; clear: both; overflow: hidden; }
.upcoming-events li { padding: 21px 0; height: 100%; clear: both; border-bottom: 1px dotted #BFBFBF; overflow: hidden; }
.upcoming-events li:hover { background: rgba(204, 204, 204, 0.2); }
.upcoming-events-image { position: relative; max-width: 212px; max-height: 189px; overflow: hidden; }

/* width: calc(100% + 60px)  not working Safari browsers */
.upcoming-events li img { transition: opacity 0.5s, transform 0.5s; -webkit-transition: opacity 0.5s, transform 0.5s; -ms-transition: opacity 0.5s, transform 0.5s; backface-visibility: hidden; width: -webkit-calc(100% + 60px) !important; width: calc(100% + 60px) !important; -webkit-transform: translate3d(-50px,0,0); -moz-transform: translate3d(-50px,0,0); -o-transform: translate3d(-50px, 0, 0); -ms-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px,0,0); }
.upcoming-events li:hover img { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.learn-more { display: inline-block; margin: 10px 0 !important; padding: 0 !important; line-height: 28px; text-align: left !important; }
.content-right { float: left; margin-top: 10px; padding-left: 25px; width: 46%; }
.voluteer-head { padding: 0; font: bold 18px ebrima; color: #2D2D2D; margin: 0; }
.voluteer-head1 { position: relative; padding: 5px 0  10px 30px; font: bold 16px ebrima; color: #007aff; }
.voluteer-head1 i { position: absolute; left: 2px; top: 5px; font-size: 20px; }
.voluteer-text { position: relative; padding-left: 30px; }
.voluteer-text i { position: absolute; left: 0; top: 3px; font-size: 20px; color: #000; }
.ml-7 { margin-left: 7px !important; }
.sl-wrapper .sl-image img { border: 3px solid #fff !important; }
.more-txt { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; }
.more-txt:before { content: 'View more'; position: absolute; left: 28%; top: -30px; font: 22px beba; color: #fff; text-align: center; cursor: pointer; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; z-index: 10; word-spacing: 8px; }
.upcoming-events li:hover .more-txt:before { top: 80px; }
.gallery-sect-part { margin: 0 0 0 20px; padding: 0; width: 33.5%; }

.list-gallery { margin: 0px; overflow: hidden; display: block; }
.list-gallery .inner-list-gallery { position: relative; display: inline-block; padding: 19px 0px; border-bottom: 1px dotted #ccc; width: 100%;  }
.list-gallery .inner-list-gallery a { display: inline-block; border: 1px solid #888; padding: 5px; width: 96%; }
.list-gallery .inner-list-gallery a img { position: relative; display: block; width: 100%; max-width: 100%; margin: auto; }
.list-gallery .inner-list-gallery:hover { background: rgba(204, 204, 204, 0.2); }
.list-gallery .inner-list-gallery a:hover .inner-list-gallery a img { transform: scale(1.2); } 
.more-txt.type1:before { left: 35%; }
.list-gallery .inner-list-gallery a:hover .more-txt:before { top: 100px; }

/* youtube videos */
.event-videos { margin: 0; padding: 0; width: 98.5%; overflow: hidden; }
.event-videos .video-widget { position: relative; margin: 10px; width: 30.5%; height: 180px; float: left; border: 1px solid #888; overflow: hidden; }
.video-widget-inner { position: relative; margin: 5px; height: 170px; overflow: hidden; }
.video-widget-inner a:after { content: ""; position: absolute; width: 100%; top: 0; background: rgba(0,0,0,0.8); height: 0; transition: all .3s linear; }
.video-widget:hover .video-widget-inner a:after { height: 100%; }
.videoevent-txt { display: block; position: absolute; top: -80px; text-align: center; width: 100%; z-index: 100; color: #fff; transition: all .3s linear; font: 22px beba; word-spacing: 8px; }
.video-widget:hover .videoevent-txt { top: 75px; }
.video-widget:hover .videoevent-txt.type1 { top: 55px; }
.cover-img { display: block; background-image: url(../images/item.png); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.video-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #585858; opacity: .9; display: none; z-index: 20006; }
body.hidden-video-scroll { overflow: hidden; }
.yu-model-popup { width: 50%; height: 50%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; display: none; position: fixed; z-index: 40000; overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 50px #666; }
.yu-model-popup .yu-pop-container { position: relative; padding: 0px; margin: auto; height: 99%; width: 99%; min-height: 270px; overflow: hidden; }
.video-block { position: relative; padding: 25px; margin: auto; width: auto; background: #fff; }
.yu-model-popup .video-block iframe { margin: 0; padding: 0; width: 100%; height: 100%; border-radius: 10px; min-height: 230px; }
.yu-model-popup .yu-popup-header { position: relative; display: block; margin: 0; padding: 10px 10px; background: #e62122; overflow: hidden; }
.yu-model-popup .yu-popup-header h3 { font: 20px ebrima; color: #fff; display: inline-block; float: left; margin: 0; padding: 0; overflow: hidden; }
.yu-model-popup .yu-popup-header .yu-modelpopup-close { float: right; color: #fff; background: transparent; font-size: 20px; padding: 5px; cursor: pointer; z-index: 6666; }

/*popup video*/
.yumodelpopup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: none; width: 70%; height: 35%; margin: auto; transform: translateX(0px); overflow: hidden; box-shadow: 0px 0px 50px #666; z-index: 4000; }
.yumodelpopup .yupopcontainer { position: relative; margin: auto; padding: 0px; height: auto; width: 100%; overflow: hidden; }
.yumodelpopup .videoblock { position: relative; display: block; overflow: hidden; width: auto; margin: auto; padding: 0px; height: auto; z-index: 5555; }
.yumodelpopup .videoblock video { width: 100%; height: 100%; margin: 0; padding: 0; }
.yumodelpopup .yupopupheader { position: relative; display: block; margin: 0; padding: 10px 10px; background: #e62122; overflow: hidden; }
.yumodelpopup .yupopupheader h3 { font: 20px ebrima; color: #fff; display: inline-block; float: left; margin: 0; padding: 0; overflow: hidden; }
.yumodelpopup .yupopupheader .yumodelpopupclose { float: right; color: #fff; background: transparent; font-size: 20px; cursor: pointer; padding: 5px; z-index: 6666; }
.yubeoverlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #585858; opacity: .9; display: none; z-index: 2006; }

/* News Widget Page */
.news-widget { position: relative; margin: 0 auto; padding: 0; width: 96%; }
.news-widget .news-widgetContent { margin: 20px auto; padding: 10px; border: 1px solid #d4d4d4; }
.news-widget .news-widgetContent h3 { font: 20px beba; color: #333; }
.news-slider { margin: 10px 0; background: transparent; width: 100%; height: 160px; overflow: hidden; }
.icn-news { color: #333 !important; }
.news-list-content { position: relative; display: block; margin: 0; padding: 0; }
.news-list-content li { float: none; display: block; padding: 0px; list-style-type: none; height: 160px; overflow: hidden; }
.ht-140 { height: 140px !important; }



.notes-type3 { padding: 10px; border-radius: 35px 0 35px 0; -webkit-border-radius: 35px 0 35px 0; background: transparent; overflow: hidden; }
.notes-type3.grey { position: relative; background-color: #515151; color: #fff; overflow: hidden; }

.notes-type3:before { content: ""; position: absolute; left: 2px; top: 2px; border-width: 0 25px 25px 0; border-style: solid; border-color: #60B0E1; background: transparent; display: block; width: 0; z-index: 40; } 
.notes-type3:after { content: ""; position: absolute; right: 0; bottom: 0; border-width: 0 25px 25px 0; border-style: solid; border-color: #60B0E1; background: transparent; display: block; width: 0; z-index: 40; }



.txt-white, .txt-white i { color: #fff !important; }
.txt-center { text-align: center; }
.notes-type3 h4 { font: 17px/17px beba; color: #48b9ff !important; word-spacing: 5px; }
.notes-type3 p { margin: 10px 0; line-height: 22px; color: #fff; font: 14px ebrima; }


/* White paper Widget */
.post-widget { position: relative; margin: 0 auto; padding: 0; width: 96%; }
.post-widget .post-widgetContent { margin: 20px auto; padding: 10px; border: 1px solid #d4d4d4; }
.post-widget .post-widgetContent h3 { font: 20px beba; color: #333; }
.post-content { margin: 0; background: transparent; width: 100%; height: 100%; }
.postlist { margin: 0; padding: 0; }
.postlist li { float: none; list-style-type: none; padding: 0px  15px  6.5px  15px; }
.posterContent { position: relative; margin: 0; padding: 0px 3px 3px 50px; width: 85%; }
.posterContent i { display: inline-block; position: absolute; top: 2px; left: -5px; width: 40px; height: 40px; font-size: 40px; color: #DE0B0B; }
.posterContent h4 { margin: 0; padding: 0; font: bold 16px ebrima; line-height: 8px; }
.posterContent p { font: 15px ebrima; line-height: 20px; }
.posterContent a { float: right; font: 14px ebrima; line-height: 8px; }
.download-content { margin: 0; padding: 0; }  
.download-content .download-cover-img { margin: 5px 0 10px; padding: 0; width: 100%; background: url(../images/oms.jpg) no-repeat; background-position:center; background-size: cover; height: 174px; }
.download-content p { margin: 0; padding: 0 0 10px 0; width: 100%; font-size: 16px; text-align: left; }
.p-10-0-0 { padding: 10px 0px 0px 0px !important;  }

/* Silder Zoom images  */
.poster { position: relative; margin: 0px auto; padding: 0; width: 100%; clear: both; border: 1px solid #d4d4d4; height: auto; background: #fff; overflow: hidden; min-width: 1218px; max-width: 1218px; }
.poster-slide-container { width: 83%; margin: 0px auto; padding: 20px  0px; overflow: hidden; }
.poster-slide { margin: 0; padding: 0; width: 30000px; }
.poster-slide li { float: left; list-style-type: none; padding: 0 ; margin: 0; }
.poster-slide li a { position: relative; display: block; margin: 0; padding: 0; border: 1px solid #b5dbf3; margin-right: 20px; }
.poster-slide li img { position: relative; display: block; max-width: 100%; }
.sl-wrapper .sl-close { position: absolute; display: none; right: -26px; top: -26px; margin: 0; padding: 3px 11px 4px 11px ; background: #FE4445; outline: none; border-radius: 50%; color: #fff; font-size: 20px; text-align: center; cursor: pointer; z-index: 4000; }
#closebtn:hover { opacity: 0.8; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; }
.iconPrevious, .iconNext { display: block; position: absolute; top: 40%; width: 50px; height: 50px; border: 1px solid transparent; background: #60B0E1; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; }
.iconPrevious { left: 0; }
.iconNext { right: 0; }
.iconPrevious i, .iconNext i { position: absolute; left: 9px; top: 9px; font-size: 30px; color: #fff; }
.iconPrevious:hover, .iconNext:hover { opacity: 0.9; }
@media screen and (min-width: 1152px) and (max-width: 1279px) {
	.video-cont-set, .news-cont-set { width: 100%; }
	.video-view-container { padding-right: 0px; height: 510px; }
	.video-container-scroll { height: 510px; }
	.poster { min-width: 1080px; max-width: 1080px; }
	.poster-slide-container { width: 80%; }
}
@media screen and (min-width: 992px) and (max-width: 1151px) {
	.video-cont-set, .news-cont-set { width: 100%; }
	.video-view-container { padding-right: 0px; height: 510px; }
	.video-container-scroll { height: 510px; }
	.poster { min-width: 933px; max-width: 933px; }
	.poster-slide-container { width: 77%; }
}