#videoAndCTAWrapper {position: relative; height: 440px;}

#thevideo {width: 100%; height: 310px; position: absolute; top: 0; left: 0; z-index:1;}
.sys_video-thumbnail {display:block; width: 632px; height: 310px; z-index:2; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50%;}
.sys_video {display:block; float:left;width: 632px; height: 310px; position: relative;}
.sys_video .sys_inner {padding: 45% 3em; width: auto;bottom: 0; position:absolute; top: 0; left: 0; right: 0;}
.sys_video-play {z-index: 100;position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.sys_video-play:hover {cursor: pointer;}
.sys_video-text{position:absolute; margin: auto auto; bottom: 0; right: 0; top: 0; text-align:right; width: 42%; color: #18194f;}
.sys_video-text .sys_video-title{display:none; color: #18194f; text-align:right; font-size: 1.4em; line-height: 1.2em;}
.sys_video-text .sys_video-student-quote{margin-bottom: .9em;font-size: 2.4em; line-height: 1em;}
.sys_video-text .sys_video-student-quote:before, #content .sys_video-text .sys_video-student-quote:after{content:open-quote; color: #009bbd; line-height: 0;}
.sys_video-text .sys_video-student-quote:after{content:close-quote;}
.sys_video-text .sys_video-student-name{font-family:arvo; font-size: 2em; margin-bottom: 6px;}
.sys_video-text .sys_video-student-course{font-family:arvo; font-size: 1.2em;}
.sys_video:hover .sys_video-button{background-size: 100%; border-color: #18194f; background-color: transparent; background-image: url("/ugstudy/clearing/2017/images/decorative/bg-playbutton.png"); }
.sys_video-button {border: 2px solid transparent; background: #18194f url("/ugstudy/clearing/2017/images/decorative/bg-playbutton-white.png") no-repeat; position: absolute; right: 0; bottom: 0; top: 0; left: 0; margin: auto auto; width: 70px; height: 70px; background-size: 100%;}



/* research site specific */
.content-wrapper #thevideo {width: 100%; height: 404px;}
.content-wrapper .sys_video-thumbnail {width: 650px; height: 404px;}
.content-wrapper .sys_video {width: 650px; height: 404px;}




/* in-page video styles */
#content .sys_one_7030 #thevideo {height: 300px;}
#content .sys_one_7030 .sys_video-thumbnail {width: 466px; height: 300px;}
#content .sys_one_7030 .sys_video {width: 466px; height: 310px;}

.sys_fullWidth #content .sys_one_7030 #thevideo{height: 376px;}
.sys_fullWidth #content .sys_one_7030 .sys_video-thumbnail{width: 600px; height: 386px;}
.sys_fullWidth #content .sys_one_7030 .sys_video{width: 600px; height: 386px;}


@media only screen and (max-width: 967px) {
 
.sys_fullWidth #content .sys_one_7030 #thevideo{height: 298px;}
.sys_fullWidth #content .sys_one_7030 .sys_video-thumbnail{width: 460px; height: 308px;}
.sys_fullWidth #content .sys_one_7030 .sys_video{width: 460px; height: 308px;}

  
  /* research site specific */
.content-wrapper #thevideo {width: 100%; height: 296px;}
.content-wrapper .sys_video-thumbnail {width: 520px; height: 296px;}
.content-wrapper .sys_video {width: 520px; height: 296px;}
  

  
}


@media only screen and (max-width: 767px) {

  

  
#thevideo,
.content-wrapper #thevideo{width: 100%; height: 244px;}
.sys_video,
.content-wrapper .sys_video{width: 404px; height: 244px;float:none;}
.sys_video-thumbnail,
.content-wrapper .sys_video-thumbnail{width: 404px; height: 244px;}
.sys_video .sys_inner {padding: 38% 1em;}
.sys_video-text .sys_video-student-quote{font-size: 1.4em; line-height: 1.2em;}
.sys_video-text .sys_video-student-name{font-size: 1.2em;margin-bottom: 2px;}
.sys_video-text .sys_video-student-course{font-size: 1em;}

.sys_fullWidth #content .sys_one_7030 #thevideo{height: 256px;}
.sys_fullWidth #content .sys_one_7030 .sys_video-thumbnail{width: 100%; height: 266px;}
.sys_fullWidth #content .sys_one_7030 .sys_video{width: 100%; height: 266px;}

  
  
  
  
  
}




@media only screen and (max-width: 479px) {

.sys_video,
#thevideo,
.content-wrapper #thevideo,
.content-wrapper #thevideo .sys_video-thumbnail,
.sys_video-thumbnail{width: 100%; height: 264px;}
.sys_video-text .sys_video-title,
.sys_video-text .sys_video-student-quote,
.sys_video-text .sys_video-student-name,
.sys_video-text .sys_video-student-course{display:none;}

}