/* PsO COLORS */
/* PsA COLORS */
#starter-video { width: 100%; margin: 25px auto; }

#starter-video { position: relative; }

.hotspotpanel { display: none; position: absolute; width: 640px; height: 315px; /* be sure not to cover controls */ top: 0; left: 0; /*border:1px solid #0f0;*/ z-index: 10; }

.hotspot { position: absolute; border-radius: 32px; cursor: pointer; /*border:1px solid #00f;*/ background-color: transparent; }

#hotspot1 { left: 245px; top: 45px; width: 365px; height: 119px; }

#hotspot2 { left: 34px; top: 180px; width: 433px; height: 145px; }

#hotspot3 { left: 84px; top: 43px; width: 478px; height: 125px; }

#hotspot4 { left: 395px; top: 180px; width: 223px; height: 125px; z-index: 12; }

#hotspot5 { left: 15px; top: 177px; width: 375px; height: 129px; z-index: 11; }

#skip1, #skip2 { /*left: 549px;*/ /*top: 317px;*/ /*width: 60px;*/ /*height: 32px;*/ right: 0px; top: 0; width: 125px; height: 27px; border-radius: 0px; }

#hotspotpanel3, #hotspotpanel4 { height: 30px; }

#faqClose1, #faqClose2 { right: 0px; top: 0; width: 105px; height: 27px; border-radius: 0px; /*border:1px solid red;*/ }

.jw-skin-starter .jw-display-icon-container, .jw-skin-starter:hover .jw-display-icon-container { background-color: transparent !important; border: none; font-size: 2.5em; }

.jw-skin-starter .jw-icon-display { padding: 20px; border: 0px solid #000; border-radius: 2.5em; background-image: url("/assets/img/global/play-button.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60px; }

.jw-skin-starter .jw-icon-display:before { color: #333333; content: '' !important; }

.jw-skin-starter:hover .jw-icon-display, .jw-state-complete .jw-icon-display:hover, .jw-skin-starter.jw-state-idle .jw-icon-display:hover { color: #000; opacity: .85; }

.jw-skin-starter .jw-controlbar { background: transparent; /*bottom: -.4em;*/ bottom: 0; padding: 0; height: .4em; display: block; }

.jw-skin-starter .jw-controlbar-center-group { padding: 0; line-height: .4em; display: block; }

.jw-skin-starter .jw-controlbar-center-group .jw-slider-container { height: .4em; display: block; }

.jw-skin-starter .jw-slider-time { height: .4em; line-height: .4em; vertical-align: top; }

.jw-skin-starter .jw-rail { background: #aaa; }

.jw-skin-starter .jw-progress { background: #666; }

.jw-skin-starter .jw-buffer { background: #ccc; }

.jw-skin-starter .jw-slider-horizontal .jw-knob { background: #fff; margin-left: 0; }

.jw-skin-starter .jw-time-tip { border: 0; padding: .125em .25em; bottom: 0; background-color: #aaa; }

.jw-skin-starter .jw-slider-vertical .jw-knob { background: #fff; width: 100%; }

.jw-skin-starter .jw-icon-playback { position: absolute; top: -2em; z-index: 1; }

.jw-skin-starter .jw-icon-volume { position: absolute; top: -2em; right: 20px; }

.jw-skin-starter .jw-icon-fullscreen { position: absolute; top: -2em; right: 0px; }

.jw-skin-starter .jw-icon-playback:hover, .jw-skin-starter .jw-icon-volume:hover, .jw-skin-starter .jw-icon-fullscreen:hover { color: #000; opacity: .85; }

.jw-skin-starter .jw-text-elapsed, .jw-skin-starter .jw-text-duration { display: none; }

.jw-slider-vertical .jw-slider-container, .jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-progress { width: .68em; }

.jw-skin-starter .jw-icon-volume .jw-overlay { position: absolute; left: 3px; bottom: 1.5em; }

.jw-skin-starter .jw-icon-volume .jw-slider-vertical { background: transparent; border: 0; padding: 0; left: 0; }

/* If using playlists, extra controls to style/hide */
.jw-skin-starter .jw-icon-prev, .jw-skin-starter .jw-icon-next, .jw-skin-starter .jw-icon-playlist { display: none; }

.jw-tab-focus:focus { outline: 0px !important; }

@media only screen and (min-width: 48em) { #starter-video { /*width:728px;*/ margin-left: auto; margin-right: auto; }
  .jwplayer { /*width:728px !important;
height:410px  !important;*/ margin-left: auto; margin-right: auto; } }
@media only screen and (min-width: 62.5em) { #starter-video { position: relative; width: 576px; margin-left: 0; margin-right: auto; }
  .hotspotpanel { display: none; position: absolute; width: 576px; height: 290px; /* be sure not to cover controls */ top: 0; left: 0; z-index: 10; }
  .hotspot { position: absolute; border-radius: 32px; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); }
  #hotspot1 { left: 225px; top: 35px; width: 325px; height: 113px; }
  #hotspot2 { left: 32px; top: 160px; width: 393px; height: 135px; }
  #hotspot3 { left: 74px; top: 39px; width: 436px; height: 115px; }
  #hotspot4 { left: 358px; top: 160px; width: 203px; height: 118px; z-index: 12; }
  #hotspot5 { left: 13px; top: 159px; width: 339px; height: 120px; z-index: 11; }
  #skip1, #skip2 { /*left: 549px;*/ /*top: 317px;*/ /*width: 60px;*/ /*height: 32px;*/ right: 0px; top: 0; width: 125px; height: 27px; border-radius: 0px; }
  #hotspotpanel3, #hotspotpanel4 { height: 30px; }
  #faqClose1, #faqClose2 { right: 0px; top: 0; width: 105px; height: 27px; border-radius: 0px; /*border:1px solid red;*/ }
  #myElement { margin-left: 0; }
  .jw-skin-starter .jw-display-icon-container, .jw-skin-starter:hover .jw-display-icon-container { background-color: transparent; border: none; font-size: 2.5em; }
  .jw-skin-starter .jw-icon-playback, .jw-skin-starter .jw-icon-volume, .jw-skin-starter.jw-state-complete .jw-icon-display, .jw-skin-starter.jw-state-idle .jw-icon-display { opacity: .5; }
  .jw-skin-starter .jw-icon-display { padding: 20px; border: 0px solid #000; border-radius: 2.5em; }
  .jw-skin-starter:hover .jw-icon-display, .jw-state-complete .jw-icon-display:hover, .jw-skin-starter.jw-state-idle .jw-icon-display:hover { color: #000; opacity: .85; }
  .jw-skin-starter .jw-controlbar { background: transparent; /*bottom: -.4em;*/ bottom: 0; padding: 0; height: .4em; display: block; }
  .jw-skin-starter .jw-controlbar-center-group { padding: 0; line-height: .4em; display: block; }
  .jw-skin-starter .jw-controlbar-center-group .jw-slider-container { height: .4em; display: block; }
  .jw-skin-starter .jw-slider-time { height: .4em; line-height: .4em; vertical-align: top; }
  .jw-skin-starter .jw-rail { background: #aaa; }
  .jw-skin-starter .jw-progress { background: #666; }
  .jw-skin-starter .jw-buffer { background: #ccc; }
  .jw-skin-starter .jw-slider-horizontal .jw-knob { background: #fff; margin-left: 0; }
  .jw-skin-starter .jw-time-tip { border: 0; padding: .125em .25em; bottom: 0; background-color: #aaa; }
  .jw-skin-starter .jw-slider-vertical .jw-knob { background: #fff; width: 100%; }
  .jw-skin-starter .jw-icon-playback { position: absolute; top: -2em; z-index: 1; }
  .jw-skin-starter .jw-icon-volume { position: absolute; top: -2em; right: 0; }
  .jw-skin-starter .jw-icon-playback:hover, .jw-skin-starter .jw-icon-volume:hover { color: #000; opacity: .85; }
  .jw-skin-starter .jw-text-elapsed, .jw-skin-starter .jw-icon-fullscreen, .jw-skin-starter .jw-text-duration { display: none; }
  .jw-slider-vertical .jw-slider-container, .jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-progress { width: .68em; }
  .jw-skin-starter .jw-icon-volume .jw-overlay { position: absolute; left: 3px; bottom: 1.5em; }
  .jw-skin-starter .jw-icon-volume .jw-slider-vertical { background: transparent; border: 0; padding: 0; left: 0; }
  /* If using playlists, extra controls to style/hide */
  .jw-skin-starter .jw-icon-prev, .jw-skin-starter .jw-icon-next, .jw-skin-starter .jw-icon-playlist { display: none; } }

/*# sourceMappingURL=starter.css.map */