/*
Theme Name: swap
Author: Dicky
Author URI: http://swwwap.hk
Description: This is a  bootstrap theme for wordpress. 
Version: 1.0
License: swwwap
*/

html,body{background: #F9F9F5;color:#4a4a4a;width: 100%;overflow-x: hidden}
img:focus,img:visited,img:hover,a:focus,a:visited,a:hover,.slick-slide:focus,.slick-slide:visited{outline : none;}


.happening-wrap,.alumni-img,.bg-layer,.get-in-touch,.recognition-bg,.apply-ball-anc{
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;	
}

.slick-slide img,.happening-line-h,.title-block h3,.title-block h2,.home-banner-overlay h4,.home-banner-overlay h1,.ss1-img, .ss2-inner,.el-border,.apply-ss2-inner,.apply-ss3-inner,.home-banner-overlay{
  -webkit-transition: all 800ms ease-in-out;;
  -moz-transition: all 800ms ease-in-out;;
  -o-transition: all 800ms ease-in-out;;
  transition: all 800ms ease-in-out;;	
}

.sub-menu-wrap,.slick-slide .inner,.details-btn,.scholars-list-item img,.scholars-info-block,.recognition-wrap img,.soical-wrap, .ss3-inner,.home-ss3 img, .ss4-inner,.about-ss2,.about-ss3,.about-ss4,.about-ss5,.apply-ss1-wrap,.el-title,.anc-list li,.title-block-bg,.soical-wrap img,.soical-info,.mentorship-item .img-wrap img,.mentorship-item-100 .img-wrap img,.mentorship-wrap,.about-ss2-img,.inside-menu,.alumni-ss2-img,.mentorship-0,.mentorship-m,.mentorship-mh,.scholar-s,.title-block-shadow,.ss-0,.bgvid,.video-wrap,.alumni-ball-overlay{
  -webkit-transition: all 400ms ease-in-out;;
  -moz-transition: all 400ms ease-in-out;;
  -o-transition: all 400ms ease-in-out;;
  transition: all 400ms ease-in-out;;	
}

header,.sub-menu-wrap,.mobile-sub-menu,.mobile-menu-btn,.main-menu{
  -webkit-transition: all 600ms ease-in-out;;
  -moz-transition: all 600ms ease-in-out;;
  -o-transition: all 600ms ease-in-out;;
  transition: all 600ms ease-in-out;;	
}


.page-inner{width: 100%;overflow: hidden;margin-top: 100px;padding-top: 20px}
section{padding-bottom: 100px}


a{color:#4a4a4a;outline: none;text-decoration: none}
a:hover{color:#FF6B00;outline: none;text-decoration: none}
a:focus,a:visited{;outline: none;text-decoration: none}

.color-white{color:#FFF}
.color-orange{color: #FF6B00}
.color-green{color: #B8D20B}
.color-purple{color: #EA655B}
.color-red{color: #FF993B}
.color-blue{color:#67B1D6}
.bg-green{background: #B8D20B}
.bg-purple{background: #EA655B}
.bg-red{background: #FF993B}
.bg-blue{background: #67B1D6}
.bg-orange{background: #FF6B00}

.apply-ss2 a {color: #B8D20B;}
.page-template-page-foundation .ourfoundation a{color:#67B1D6}

.bottom-column{float: none;display: table-cell;vertical-align: bottom;}
.title-block{padding: 40px ;position: relative;z-index: 2}
.title-block-wrap{position: relative}
.title-block h3{color: #666;font-family: 'Cormorant Garamond', serif;opacity: 0}
.title-block.active h3{opacity: 1}
.title-block-shadow{width: 100%;height: 100%;position: absolute;right:0;top:0;z-index: 0}
.title-block-shadow.active{top:10px;right: -10px}
.title-block h2{color: #666;font-size: 32px;line-height: 38px;font-family: 'Cormorant Garamond', serif;letter-spacing: -.6;opacity: 0}
.apply-ss3 h2{font-size: 32px;line-height: 38px;font-family: 'Cormorant Garamond', serif;letter-spacing: -.6;}
.title-block.active h2,.apply-ss3.active h2{opacity: 1}
.title-block-bg{position: absolute;width: 0;height: 100%;background: #FFF;left: 0;top:0;z-index: 1}
.title-block-bg.active{width: 100%}
.page-template-page-home .title-block-bg.active{width: 0}
.page-template-page-home .title-block.active h3{opacity: 0}
.page-template-page-home .title-block-bg.activenow{width: 100%}
.page-template-page-home .title-block.activenow h3{opacity: 1}
.landing-text{position: absolute;width: 100%;bottom:20%;left: 0}
.sub-menu a{text-transform: lowercase !important}

.details-btn-wrap{position: relative;min-height: 80px}
.details-btn{border: 1px solid #666;display: inline-block;padding: 4px 40px}
.details-btn-l{;position: absolute;left: 0;top:0;z-index: 99;padding: 0}
.details-btn-l:hover{background: #FCF2E3;cursor: pointer;border: 1px solid #FFF}
.details-btn .btn-title{padding: 10px 40px }
.inside-menu{overflow: hidden;max-height: 0}
.inside-menu li{padding: 10px}
.details-btn:hover .inside-menu,.details-btn.active .inside-menu,.details-btn:focus .inside-menu,.details-btn:active .inside-menu{overflow: hidden;max-height: 999px}
.details-btn.desktop-v{display: inline-block}

.status{display:inline-block;padding: 4px 20px;color: #FFF }

/* header */
header{position: fixed;width: 100%;height: 56px;background: #FFF;top:0;left: 0;z-index: 999;}

.logo,.logo-white{position: absolute;left: 40px;top:16px;z-index: 9}
.logo-white{display: none}
.main-menu li{float: left;margin-right: 40px}
.main-menu {position: absolute;right: 0;top:20px;z-index: 10}
.main-menu li.active .border{border-bottom: 4px solid #FF6B00;margin-top: -4px}
.main-menu li h4{padding-bottom:12px;line-height: 24px}
.sub-menu-wrap{position: fixed;width: 100%;top:56px;background: #FCF2E3;z-index: 9;opacity: 0;pointer-events: none}
.sub-menu-wrap:hover,.sub-menu-wrap.active{top:56px;opacity: 1;pointer-events: auto;z-index: 99}
.sub-menu-wrap.active.hover{z-index: 10}
.sub-menu li{float: left;margin-left: 30px}
.sub-menu h5{padding: 20px 0  16px 0;color: #666;font-size: 14px}
.sub-menu {float: right;margin-right: 40px;}
.main-menu h4:hover,.main-menu a:hover{color: #FF6B00 !important;cursor: pointer}
.mobile-sub-menu,.mobile-menu-btn{display: none}

/* footer */
footer{background: #454545;padding:10px 0;position: relative}


/* home */
.page-template-page-home .page-inner{margin: 0;padding: 0}
.page-template-page-home header{background: none;border: none}
.page-template-page-home header h4,.page-template-page-home header a{color: #FFF}
.page-template-page-home header.active,.page-template-page-home header:hover{background: #FFF;}
.page-template-page-home header:hover h4,.page-template-page-home header:hover a,
.page-template-page-home header.active h4,.page-template-page-home header.active a
{color: #4a4a4a}
.page-template-page-home .logo-white,
.page-template-page-home header.active .logo,
.page-template-page-home header:hover .logo
{display: block}
.page-template-page-home .logo,
.page-template-page-home header.active .logo-white,
.page-template-page-home header:hover .logo-white
{display: none}


.home-ss1 ,.home-ss2,.home-ss3,.home-ss4{background: #F9F8F4;position: relative}
.home-ss5{background: #FFF;padding: 100px 0;position: relative}
.home-ss6{position: relative;padding: 40px 0 20px;background: #666;}
.home-ss6 h5,.home-ss6 p{color: #FFF}
.home-slider-ss{margin-bottom: 0;position: fixed;;top:0;left: 0;width: 100%;height: 680px}
.home-banner{height: 680px;width: 100%;overflow: hidden;position: relative}
.mobile-home-v{display: none}

.flex-img-happen .flex-control-nav{display: none}
.flex-txt-happen{margin-bottom: 40px;overflow: hidden}
.flex-txt-happen .flex-control-nav{text-align: left;bottom: 0;margin-left: -6px}

/*video { width: 100%}*/
.flexslider-video .flex-control-nav{text-align: center;padding-right: 0;bottom:40px}
.flexslider-video .flex-control-paging li a{background: none;border:1px solid #FFF;box-shadow: none}
.flexslider-video .flex-control-paging li a.flex-active{background: #FFF}
.home-banner-overlay{position: absolute;width: 100%;height: 100%;left: 0;top:0;background: rgba(0,0,0,.02);opacity: 0}
.flex-active-slide .home-banner-overlay{opacity: 1}


video.v-on{width: 100%;margin-top: 0;height: auto}
video.h-on{width:auto;margin-top: 0%;height: 100%;width: auto}
.video-wrap{    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;}
.video-wrap.active{opacity: 1}

.homeslider{/*background:#FFF url(img/823.gif) center center no-repeat;background-size:40px*/}


/*.home-ss1 .title-block-wrap{margin-top: -100px}*/
.home-ss1 {/*margin-top: 680px;*/padding-top: 40px}
.variable{width: 100%;}
.slick-slide {position: relative}
.slick-list .title-block{padding: 20px}
.slick-slide .title-block-wrap{outline: none;width: 52%;float: left !important}
.slick-slide img{width:100% !important;float: left;margin-bottom: 20px}
.home-ss4-arrow-left{position: absolute;top:32%;left: -60px;cursor: pointer}
.home-ss4-arrow-right{position: absolute;top:32%;right: -60px;cursor: pointer}

.slick-initialized button{display: none !important}
.slick-slide .inner{width:38%;padding: 0 ;float: left;margin-right: 2%}
.ss1-img{opacity: 0}
.home-ss1.active .ss1-img{opacity: 1}
.ss2-inner,.ss3-inner,.home-ss3 img,.ss4-inner{opacity: 0}
.home-ss2.active .ss2-inner,.home-ss3.active .ss3-inner ,.home-ss3 img.active,.home-ss4.active  .ss4-inner{opacity: 1}
.carousel-caption{bottom:45%}
.carousel-indicators li{width: 12px;height: 12px}
.carousel li{margin: 0 8px !important}

/* about */
.page-id-9 .page-inner{margin-top: 30px}
.about-ss2-inner{height: 720px;position: relative;}
.about-ss2-img{
	/* background: url(img/about.jpg) center center no-repeat;
	background-size: cover; */
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index:1
}
.about-ss2-img.active{opacity: .99}
.about-ss2-content{z-index: 3;position: absolute;width: 100%;top:180px}
.about-ss2-content-inner{padding:40px 60px;background: rgba(255,255,255,.9);}
.about-ss3{background: #FFF;padding: 100px 0;margin-bottom: 100px}
.school-list li{width: 20%;float: left;padding: 0 10px}
.school-list li img{margin: 0 auto 10px auto}
.about-ball{-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;;height: 100px;width: 100px;background: #B8E986;margin:0 auto 20px auto}
.about-ss5 li {padding: 10px 0 0 0;width:20%;float: left;}
.about-ss2,.about-ss3,.about-ss4,.about-ss5{opacity: 0}
section.about-ss2 {padding-bottom: 0}
.about-ss2.active,.about-ss3.active,.about-ss4.active,.about-ss5.active{opacity: 1}


/*section.about-ss4 {margin-bottom: 60px}*/
.open-mark{position: absolute;width: 30px;height: 30px;left: 20px;top:30px;background:url(img/mark-op.jpg) center center no-repeat;background-size: contain;opacity: .7}
.close-mark{position: absolute;width: 30px;height: 30px;right: 40px;bottom:30px;background:url(img/mark-close.jpg) center center no-repeat;background-size: contain;opacity: .7}

/* scholars-list */
.scholars-list{float: left;width: 100%;}
.scholars-info-block{width: 200px;height: 200px;background: #FFF;position: absolute;padding: 20px}
.scholars-info-block h5{;position: absolute;bottom:0;margin-bottom: 10px;padding-right: 10px}
.scholars-info-1{right: -200px;bottom:0}
.scholars-info-2{left: -160px;bottom:-80px;margin-bottom: 40px}
.scholars-info-3{right: -160px;bottom:-40px}
.scholars-list-item img,.scholars-info-block,.scholar-s,.scholars-list-item .mentorship-mh,.scholars-list-item.active .mentorship-m{opacity: 0;}
.scholars-list-item:hover .scholars-info-block{background: #67B1D6}
.scholars-list-item:hover .scholars-info-block h4,.scholars-list-item:hover .scholars-info-block h5{color: #FFF}

.scholars-list-item.active img,.scholars-list-item.active .scholars-info-block,.scholars-list-item.active .scholar-s,.scholars-list-item.active .mentorship-mh,.scholars-list-item.active .mentorship-m{opacity: .99 !important;}
.scholars-list-item-last .scholars-list-item,.scholars-info-block{margin-top: 0 !important}
.bg-layer{max-height:  0;position: absolute;width: 99.9%;height: 100%;z-index:0;left:0%;top:0%;z-index: 0}
.bg-layer.active{max-height: 800px}

 .mentorship-mh{width: 100%;height: 360px;position:relative}
.col-sm-4 .scholar-s{width: 100%;height: 240px;position:relative}
.col-sm-3 .scholar-s{width: 100%;height: 160px;position:relative}
.col-sm-5 .scholar-s{width: 100%;height: 280px;position:relative}

.scholar-single-photo{width: 110%;height: 520px;position: relative}

/* scholars-single */
section.scholar-single-ss1{padding-bottom: 40px}

/* apply */
.apply-ball{-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;;height: 100px;width: 100px;background: #B8E986;;position: absolute;left: 0;top:0}
.apply-ss1-wrap{padding-left:20px;position: relative;min-height: 240px;padding-top: 20px;border-left: 1px solid #999;opacity: 0;padding-bottom: 60px}
.apply-ss1-wrap.active{opacity: 1}
.apply-ss1-wrap img{position: absolute;left:20px;bottom:0;margin-bottom: 0}
.apply-ss2{background: #FFF;padding: 100px 0;}
.apply-ss2 li span{color:#FF6B00;margin-right: 10px;}
.apply-ss2 li {margin-bottom: 10px}
.apply-ball-anc{-webkit-border-radius:90px;-moz-border-radius: 90px;border-radius: 90px;height: 140px;width: 140px;background: #EEE;border: 3px solid #EEE;cursor: pointer}
.apply-ball-anc:hover{border: 3px solid #FF6B00 ;}
.anc-list{display: inline;width:100%;overflow: hidden;float: right}
.anc-list li{width: 28%;float: left;opacity: 0;margin: 0 2.5% 10px 2.5%}
.anc-list.active li{opacity: 1}
.anc-break{width: 11% !important}

.el-border{position: relative;width:80%;height: 8px ; background: #B8D20B;margin-left: -100%;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.el-border.step1{width: 125%}
.el-border.step2{width: 150%}
.el-border.step3{width: 175%}
.el-border.step4{width: 200%}

.el-ball{width: 30px;height: 30px;background: #FFF;border: 3px solid #B8D20B;position: absolute;right:-4px;top:-13px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;}
.el-title{opacity: 0}
.el-title.active{opacity: 1}
.apply-ss2-inner,.apply-ss3-inner{opacity: 0}
.apply-ss2.active .apply-ss2-inner,.apply-ss3.active .apply-ss3-inner{opacity: 1}

/* alumni */
.alumni-ball,.alumni-ball-active{-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;;height: 80px;width: 80px;background: #B8E986;margin-bottom:10px}
.alumni-ball-active{display: none}
.alumni-wrap{padding-right: 10%}
section.alumni-ss1{margin-bottom: 0;margin-top: 120px}
.alumni-img{opacity: 0}
.alumni-img.active{opacity: .99}
.get-in-touch{background: #FFF;padding-left: 80%;padding-right: 0;padding-top: 40px;padding-bottom:40px;margin-left: -80%;margin-top:0;opacity: 1}

.alumni-ss2-img{
	/* background: url(img/Connect_alumni.jpg) center center no-repeat; */
	/* background-size: cover; */
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index:1;
}
.alumni-ss2-img.active{opacity: .99}
.alumni-ss2-content-inner{padding:40px 60px;background: rgba(255,255,255,.9);}
.alumni-ss2-inner{position: relative;overflow: hidden}
.alumni-ss2 .about-ss2-content{top:180px}
.alumni-ss2-inner .bg-layer,.about-ss2-inner .bg-layer{max-height: 2000px}
.alumni-ss3{background: #FFF;padding: 40px 0}
section.alumni-ss2{padding-bottom: 0}
.alumni-padding-top{padding-top: 100px}
.page-template-page-alumni .page-inner{margin-top:0;padding-top: 0}
.alumni-ss3 a{color: #67B1D6}

.alumni-img-list li,.alumni-info-list li{display: none}
.alumni-img-list li.active,.alumni-info-list li.active{display: block}
.alumni-thum-list li .alumni-ball{ opacity: .8;position: relative;border: 3px solid #F9F9F5;}
.alumni-thum-list li.active .alumni-ball{ opacity: 1;;border: 3px solid #67B1D6}
.alumni-thum-list li{cursor: pointer}

.alumni-info-list .title-block-wrap {margin-top: 280px}
.alumni-thum  {float: left;width: 47%;margin-right: 3%}
.alumni-thum-list-wrap {;margin-top: -320px}
.alumni-thum-list{position: relative;overflow: hidden;padding: 30px 15px 10px }
.alumni-thum-block{padding-bottom: 0}
.alumni-t-bg{left: 15px!important;background: rgba(198,198,186,.4);position: absolute;width: 200%;height: 100%}
.alumni-thum-block{}
.alumni-img{width: 120%;height: 520px}
.alumni-img-list .bg-layer{width: 120%}

/* soical server */
.soical-wrap{position: relative;margin-bottom: 20px}
.soical-wrap .ss-0,.soical-info{width:99.9%;opacity: 0}
.soical-wrap.active .ss-0,.soical-info.active{opacity: .99}
.soical-list{float: left;width: 100%;}
.soical-wrap h4{line-height: 1.6em;}
.soical-info h4{padding-right: 10%}
.ss-0{width: 100%;height: 380px;position:relative}


/* mentorship-wrap */
/*.page-template-page-mentorship .title-block{max-width: 360px}*/
.mentorship-list{float: left;width: 100%}
.mentorship-item .img-wrap{width: 90%;position: relative}
.mentorship-item-100 .img-wrap{width: 90%;position: relative}
.mentorship-item .img-wrap img,.mentorship-item-100 .img-wrap img,.mentorship-0,.mentorship-m,.mentorship-mh{opacity: 0}
.mentorship-item .img-wrap.active img,.mentorship-item-100 .img-wrap.active  img,.mentorship-wrap.active,.img-wrap.active .mentorship-0,.img-wrap.active .mentorship-m,.img-wrap.active .mentorship-mh{opacity: .99}
.mentorship-wrap{opacity: 0}
.mentorship-0{width: 100%;height: 320px;position:relative}
.mentorship-m{width: 100%;height: 320px;position:relative}
.mentorship-mh{width: 100%;height: 460px;position: relative}

/* happening */
.happening-wrap{position: relative;opacity: 0;overflow: hidden}
.happening-wrap.active{opacity: 1}
.happening-inner,.happening-inner-2{cursor: pointer;width: 80%}
.happening-inner-2{display: inline-block;margin: 0 auto;float:right}
.happening-line{background: url(img/line.svg) center center repeat-y;padding-bottom: 60px}
.happening-right{padding-top: 280px}
.happening-line-h{width:0;height: 1px ;;position: absolute;bottom:0;;border-bottom: 1px dotted #999}
.happening-line-h.active{width: 98%}
.happening-item{display: inline-block}
.happening-single{position: fixed;width: 100%;height: 100%;top:0;left: 0;overflow-x: scroll;z-index: 1222;display: none;pointer-events: none}
.happening-single.active{pointer-events: auto}
.happening-bg{position: absolute;width: 100%;height: 100%;background: rgba(200,200,200,.8);top:0;left: 0}
.happening-single-wrap{position: relative;padding: 40px;}
.happening-single-inner{background: #fff;padding:80px ;width: 100%;position: relative;margin: 40px 0}
.close-happening{position: absolute;top:14px;right: 20px}
.close-happening i{font-size: 36px;cursor: pointer}
.happening-icon{overflow: hidden}
.happening-icon .when{;padding-left: 20px;background: url(img/year.svg) left center no-repeat;background-size: 40px}
.happening-icon .who{;padding-left: 20px;background: url(img/ppl.svg) left center no-repeat;background-size: 40px}
.happening-icon .where{;padding-left: 20px;background: url(img/location.svg) left center no-repeat;background-size: 40px}
.happening-icon>div{;float: left;padding-top:4px;padding-bottom: 4px;width: 100%}
.happening-icon h5{padding-left: 20px}
.happening-single .happening-icon>div{display: inline-block;float: left;width: auto ;margin-right: 20px}
.happeningImg{height:auto;width: 100%;position: relative}
.happeningImg .image-credits{right: auto;left: 0;max-width: 60%}


/* recognition */
.recognition-wrap{position: relative}
.recognition-bg{position: absolute;width:0;height: 100%;z-index: 0}
.recognition-bg.active{width: 100%}
.recognition-wrap img{opacity: 0}
.recognition-wrap.active img{opacity: .99}
.flex-direction-nav{display: none}
.recognition-wrap .flexslider{margin-bottom: 0}
.recognitionImg{height: 480px}
.recognitionImgwrap .image-credits{right: auto;left: 0}

/* our */
.foundation-footer a{color: #67B1D6}
.foundation-footer p{font-family: 'Raleway', 微軟正黑體, Microsoft JhengHei,STHeiti,华文黑体,SimHei,黑体,新細明體,PMingLiU,細明體,MingLiU,sans-serif;margin: 0;font-weight: 500;letter-spacing: .6px;color: #4A4A4A; font-size:12px;line-height: 24px;	}

.image-credits{position: absolute;right:0;bottom:0;z-index: 2;background: rgba(255,255,255,.9);padding: 2px 10px;max-width: 90%}


.scroll-down-arrow {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=) center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.scroll-down-link {
	position: absolute;
	z-index: 100;
	cursor:pointer;
	height: 60px;
	width: 20px;
	margin: 0px 0 0 -10px ;
	line-height: 60px;
	bottom: 80px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
	-webkit-animation: fade_move_down 2s ease-in-out infinite;
	-moz-animation:    fade_move_down 2s ease-in-out infinite;
	animation:         fade_move_down 2s ease-in-out infinite;
}	/*animated scroll arrow animation*/
	@-webkit-keyframes fade_move_down {
	  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -webkit-transform:translate(0,20px); opacity: 0; }
	}
	@-moz-keyframes fade_move_down {
	  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -moz-transform:translate(0,20px); opacity: 0; }
	}
	@keyframes fade_move_down {
	  0%   { transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { transform:translate(0,20px); opacity: 0; }
	}
	

.mobile-v{display: none }
.desktop-v{display: block }


/* youtube */
* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

.flex-in{position: relative;overflow: hidden;text-align: center}
.flexslider-video {text-align: center}
.ytplayer-container{
 position: absolute;
 top: 0px;
 z-index: -1;
   transform: scale(1.15);
}



.text-pp-wrap li{color: #4A4A4A;list-style: disc;margin-left:40px }
.sitemap .sub-menu{display: block;max-height: 999px}
.sitemap  a{ color: #4A4A4A}
.sitmapmenu li ul{margin-top: 10px}
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 10%;
  width: 100%;
  padding: 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #4A4A4A;
  z-index: 999
}
.cookie-banner p{margin-bottom: 0;color: #FFF}
.cookie-banner a{color: #FF6A00;text-decoration: underline}
.close-cookies {
  height: 20px;
  border: none;
  cursor: pointer;
}