/* -- Start Swell Page css Template -- */

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


@-webkit-keyframes swellswing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swellswing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}




/* -- End Swell Page css Template -- */.counter {
	margin: 0 0 0 0px;
    text-align: center;
    position: relative;
}
.countdown li {
    margin: 0px auto 0;
    display: inline-block!important;
    text-align: center;
}
.number { font-size: 35px; line-height: 15px; color: #920323; }
.time {
	font-size: 11px;
    margin-top: 5px;
	text-transform: uppercase;
    color: #AAAAAA;
	width:80px;
	display:block;
	background:transparent;
}

@media all and (max-width: 320px) {
	.time {width:56px; }
	.number {font-size:26px!important;}
}/* Band Skin for jPlayer 2.9.2 ~ Lucas Tsolakian, Archetypon Limited */

/* @group resets */

.jp-interface *,
.jp-interface *:before,
.jp-interface *:after {
    -webkit-box-sizing: border-box!important;
       -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
}

.jp-controls button, 
.jp-controls.button,
.jp-toggles button, 
.jp-toggles.button {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 0;
       -webkit-appearance: none;
    display: block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: inherit;
    border-color: transparent;
    background: transparent;
}

.jp-controls button:hover,
.jp-controls.button:hover{
	background: ;
}

.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {outline: none; }

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {border: 0}

.jp-audio,
.jp-audio-stream,
.jp-video {
    font-size: 16px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.6;   
}

#jp_container_stacks_in_62 {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
}

.jp-audio, .jp-video {
    width: calc(100% - 2px);
}

.jp-video .jp-gui {
	/*border-top: 1px solid red; */
}

.jp-audio-stream {
    width: 182px; 
}

.jp-interface {
    position: relative;
    width: 100%; 
}

.jp-audio .jp-interface, .jp-video .jp-interface {
    height: 77px; 
}

.jp-audio-stream .jp-interface {
    height: 77px; 
}

/* @end */

/* @group CONTROLS */

.jp-controls-holder {
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden;
    top: 0;  
    left: 0;
 }

.jp-interface .jp-controls {
    margin: 0;
    padding: 0;
    overflow: hidden; 
}

.jp-audio .jp-controls {
    width: 100%;
    padding: 20px 20px 7px 20px;
}

.jp-video .jp-controls {
    width: 100%;
    padding: 20px 20px 7px 20px;
}

.jp-audio-stream .jp-controls {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 142px; }

.jp-controls button {
  	 display: block;
  	 float: left;
  	 overflow: hidden;
  	 text-indent: -9999px;
 	 cursor: pointer; 
}

#jp_container_stacks_in_62 .jp-play {
  	width: 48px;
  	height: 48px; 
  	top: -5px;
  	background: #FFFFFF!important;
  	border: 1px solid #CCCCCC!important;
  	border-radius: 0%!important;
}

#jp_container_stacks_in_62 .jp-play-button {
	position: absolute;
	top: 13px!important;
	left: 15px!important;
	margin: 0!important;
 	width: 0;
 	height: 0;
 	border-style: solid;
 	border-width: 10px 0 10px 20px;
 	border-color: transparent transparent transparent #000000;
}

.jp-pause-button-a{
	position: absolute;
	top: 14px!important;
	left: 14px!important;	
	margin: 0!important;
	display: none;
	opacity: 1;
	width: 0!important;
	height: 19px;
	background: #2c3e50;
	border-left-style: solid;
	border-left-width: 6px!important;	  
}

.jp-pause-button-b{
	position: absolute;
	top: 14px!important;
	left: 26px!important;	
	margin: 0!important;
	display: none;
	opacity: 1;
	width: 0!important;
	height: 19px;
	background: #2c3e50;
	border-left-style: solid;
	border-left-width: 6px!important;	  
}

#jp_container_stacks_in_62 .jp-pause-button-a, 
#jp_container_stacks_in_62 .jp-pause-button-b{
	border-left-color: #000000!important;
}


.jpRwFfGroup_stacks_in_62{
	margin-left: calc(100% - 30px);
	width: 80px;
	padding: 0;
}

.jp-previous, .jp-next {
    width: 28px;
    height: 17px;
    top:  10px;
    left: calc(100% - 100px); 
    
    overflow: hidden;
    background: none;
}

.jp-audio .jp-audio-previous, .jp-audio .jp-audio-next {
    width: 28px;
    height: 17px;
    top:  10px;
    left: calc(100% - 100px); 
    border: none;
    overflow: hidden;
    background: none;
}

.jp-video .jp-video-previous, .jp-video .jp-video-next {
    width: 28px;
    height: 17px;
    top:  10px;
    left: calc(100% - 100px); 
    border: none;
    overflow: hidden;
    background: none;
}

.jp-previous {  
    margin-left: 160px;
}

.jp-next{
	margin-left: 2px;
}


.jp-audio .jp-audio-previous, .jp-audio-next {
    top:  11px;
    left: calc(100% - 100px);
}

.jp-video .jp-video-previous, .jp-video .jp-video-next {
    top:  11px;
    left: calc(100% - 120px);
}

.jp-audio .jp-audio-next{
	margin-top: 1px;
}

.jp-video .jp-previous, .jp-video .jp-next {
    top:  11px;
    left: calc(100% - 120px);
}

.jp-previous:focus {}
.jp-next {}
.jp-next:focus {}



#jp_container_stacks_in_62 .jp-previous-button-a{
    margin: -18px -10px 0 0;
	width: 3px;
	height: 12px;
    border-right: 3px solid #000000;
}

#jp_container_stacks_in_62 .jp-previous-button-b{
	margin: -12px 10px 0 4px;
	width: 0;
	height: 0;
    border-style: solid;
	border-width: 6px 8px 6px 0;
	border-color: transparent #000000 transparent transparent;
}

#jp_container_stacks_in_62 .jp-previous-button-c{
	margin: -12px 10px 0 12px;
	width: 0;
	height: 0;
    border-style: solid;
	border-width: 6px 8px 6px 0;
	border-color: transparent #000000 transparent transparent;
}


#jp_container_stacks_in_62 .jp-next-button-a{
	 margin: -18px 10px 0 2px;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 6px 0 6px 8px;
	 border-color: transparent transparent transparent #000000;
}
#jp_container_stacks_in_62 .jp-next-button-b{
	 margin: -12px 0px 0 10px;
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 6px 0 6px 8px;
	 border-color: transparent transparent transparent #000000;
}	

#jp_container_stacks_in_62 .jp-next-button-c{
	 margin: -12px 0px 0 18px;
	 width: 2px;
	 height: 12px;
	 border-left: 3px solid #000000;
}

.jp-play:focus {}
.jp-state-playing .jp-play-button {display: none;}
.jp-state-playing .jp-pause-button-a,
.jp-state-playing .jp-pause-button-b {display: block;}
.jp-state-playing .jp-play:focus {}
.jp-previous:focus {}
.jp-next {}
.jp-next:focus {}

/* @end */

/* @group progress bar */
#jp_container_stacks_in_62 .jp-progress {
    overflow: hidden;
    background-color:  #EEEEEE; 
}

.jp-audio .jp-progress {
    position: absolute;
    top: 32px;
    height: 15px; 
}
  
.jp-video .jp-progress {
    top: 0;
    margin-top: -43px;
    margin-left: 90px;
    height: 15px; 
}

.jp-audio .jp-type-single .jp-progress {
    left: 110px;
    width: 136px; 
}
 
.jp-video .jp-type-single .jp-progress {
     left: 110px;
     width: 136px; 
}
  

/*include buttons?*/


	.jp-audio .jp-type-playlist .jp-progress {
	    left: 90px;
	    width: calc(100% - 180px); 
	}
	
	.jp-video .jp-type-playlist .jp-progress {
	    left: 120px;
	    width: calc(100% - 180px); 
	}







/*seek bar*/
#jp_container_stacks_in_62 .jp-seek-bar {
    background: #EEEEEE;  
    width: 200px;
    height: 100%;
    cursor: pointer; 
}

#jp_container_stacks_in_62 .jp-play-bar {
    background: #000000;
    left: -200px;
    width: 0px;
    height: 100%; 
    z-index: 999;
  }

/* @end */

/* @group current time and duration */
.jp-audio .jp-time-holder {
    position: absolute;
    top: 50px; 
    height: 20px;
}
  
.jp-video .jp-time-holder {
	margin-top: 3px;
    margin-left: 70px; 
    height: 20px;
}

.jp-audio .jp-type-single .jp-time-holder {
    left: 120px;
    width: calc(100% - 180px); 
}

.jp-video .jp-type-single .jp-time-holder {
    left: 120px;
    width: calc(100% - 180px); 
}
  
/*rw ff buttons + time holder*/

	.jp-audio .jp-type-playlist .jp-time-holder {
	  	left: 90px;
		width: calc(100% - 180px); 
		height: 20px;
		overflow: hidden;
	}
	
	.jp-video .jp-type-playlist .jp-time-holder {
	  	left: 90px;
		width: calc(100% - 90px); 
		height: 20px;
		overflow: hidden;
	}
	
	.jp-video .jp-progress {
		width: calc(100% - 210px)!important; 
		margin-left: 90px;
	}
	
	.jp-video .jp-duration {
	    margin-right: 98px; 
	}



/* @end */

/* @group time + duration */

.jp-current-time,
.jp-duration {
    width: 60px;
    font-size: .64em;
    font-style: oblique; 
}

.jp-current-time {
    float: left;
    display: inline;
    cursor: default; 
}

.jp-duration {
    float: right;
    display: inline;
    text-align: right;
    cursor: pointer; }

.jp-audio .jp-duration{
	margin-right: 0px;
}

.jp-video .jp-current-time {
    margin-left: 20px; 
}

/* @end */


/* @group playlist */
.jp-details {
    font-weight: bold;
    text-align: center;
    cursor: default; 
}

#jp_container_stacks_in_62 .jp-details,
#jp_container_stacks_in_62 .jp-playlist {
    width: 100%;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC; 
      
}

.jp-type-single .jp-details,
.jp-type-playlist .jp-details {
    border-top: none; }

.jp-details .jp-title {
    margin: 0;
    padding: 5px 20px;
    font-size: .72em;
    font-weight: bold; 
}

.jp-playlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    font-size: .72em; 
}

.jp-playlist li {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #CCCCCC; 
}

.jp-playlist li div {
    display: inline; 
}

div.jp-type-playlist div.jp-playlist li:last-child {
    padding: 5px 0 5px 20px;
    border-bottom: none;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 7px; 
}

div.jp-type-playlist div.jp-playlist a {
    text-decoration: none; 
}

div.jp-type-playlist div.jp-playlist a:hover {}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
}

.jp-playlist-item {color: #333333!important}
.jp-playlist-item:hover {color: #CCCCCC!important}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a {}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {}

span.jp-artist {
    font-size: .8em;
    color: #666; }

/* @end */


/* @group NO SOLUTION error feedback */
.jp-jplayer audio,
.jp-jplayer {
    width: 0px;
    height: 0px; }

.jp-jplayer {}

.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #009be3;
    color: #000;
    display: none; 
}

.jp-no-solution a {
    color: #000; 
}

.jp-no-solution span {
    font-size: 1em;
    display: block;
    text-align: center;
    font-weight: bold; 
}

/* @end */

/* @group Seeking */

#jp_container_stacks_in_62 .jp-seeking-bg  {
	background: #eee;
}

/* @end */

/* @group Fullscreen */

.jp-video-270p {
    width: 100%!important;
    max-width: 480px;
    height: auto;
    overflow: hidden;
}

.jp-video-360p {
    width: 100%!important;
    max-width: 640px;
    height: auto;
    overflow: hidden; 
}

.jp-video-full {
    width: 480px;
    height: 270px;
    position: static !important;
    position: relative; 
}
  
.jp-video-full div div {
    z-index: 1000; 
}

.jp-video-full .jp-jplayer {
    top: 0;
    left: 0;
    position: fixed !important;
    position: relative;
    overflow: hidden; 
}

.jp-video-full .jp-gui {
    position: fixed !important;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

.jp-video-full .jp-interface {
    position: absolute !important;
    position: relative;
    bottom: 0;
    left: 0; 
}
  
.jp-full-screen{width: 20px; height: 20px;}

.jp-toggles {
	position: absolute;
    padding: 0;
  	margin: 0;
	width: 20px;
	height: 20px;
  	top: 31px; 
  	right: 10px;
}

.jp-toggles button {
    display: block;
    background: transparent;
    text-indent: -9999px;
    line-height: 100%;
    cursor: pointer; 
}

.jp-arrow {
	position: absolute;
	top: 10px; 
	right: 10px;
    width: 5px;
    height: 5px;
    margin: 0;
    border-color: #000000;
    border-style: solid;
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
} 

.jp-video .jp-toggles:hover .jp-arrow {
	border-color: #000000;
} 
  
.jp-fullscreen-button-a {
	top: 0;
	left: 0;
	margin: 0;
	border-width: 2px 0 0 2px;
}

.jp-fullscreen-button-b {
	bottom: 0;
	left: 12px;
	margin: 0;
	border-width: 0 2px 2px 0px;
}

.jp-fullscreen-button-c {
	bottom: 0;
	left: 0;
	margin: 0;
	border-width: 0 0 2px 2px;
}

.jp-fullscreen-button-d {
	top: 0;
	left: 12px;
	margin: 0;
	border-width: 2px 2px 0 0;
}

.video-360p {
    width: 640px;
    height: 360px
}

.video-270p {
    width: 480px;
    height: 270px
}

.video {
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    min-height: 64px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
}

/* @end */


#stacks_in_58 .teleportMe {
display: none;
}



/* -- Start Swell Each css Template -- */

#stacks_in_60{
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	text-align: center !important;
}

.stacks_in_60swell{
	text-align: center;
	overflow: hidden;
	display: inline-block;
}

.stacks_in_60swell img{
	max-width: 100%;
	height: auto;
	cursor: pointer;
	display: inline-block !important;
	vertical-align: top !important;
}


	.stacks_in_60swell{
		max-width: 800px;
	}
	.stacks_in_60swell img{
		width: 100%;
		max-width: 800px;
		height: auto;
	}


.stacks_in_60swell-with-zoom .mfp-container,.stacks_in_60swell-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 198.000015ms ease-out;
	-moz-transition: all 198.000015ms ease-out;
	-o-transition: all 198.000015ms ease-out;
	transition: all 198.000015ms ease-out;
}

.stacks_in_60swell-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.stacks_in_60swell-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.stacks_in_60swell-with-zoom.mfp-removing .mfp-container,.stacks_in_60swell-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

#stacks_in_60 .swellzoomeffect img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#stacks_in_60 .swellshrinkeffect img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

#stacks_in_60 .swellcircleeffect{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#stacks_in_60 .swellthreedeffect{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}




@media all and (min-width: 480px) {
	#stacks_in_60 .swellzoomeffect img:hover{
		-webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -ms-transform:scale(1.1);
	    -o-transform:scale(1.1);
	     transform:scale(1.1);
	}
	
	#stacks_in_60 .swellshrinkeffect img:hover{
		-webkit-transform:scale(0.9);
	    -moz-transform:scale(0.9);
	    -ms-transform:scale(0.9);
	    -o-transform:scale(0.9);
	     transform:scale(0.9);
	}
	
	#stacks_in_60 .swellswingeffect{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	
	#stacks_in_60 .swellswingeffect:hover{
	    -webkit-animation: swellswing 1s ease;
	    animation: swellswing 1s ease;
	    -webkit-animation-iteration-count: 1;
	    animation-iteration-count: 1;
	}
	
	#stacks_in_60 .swellcircleeffect:hover{
	        border-radius:50%;
	}
	
	#stacks_in_60 .swellthreedeffect{
	    margin-left: 3px !important;
		margin-top: 3px !important;
	}
	
	#stacks_in_60 .swellthreedeffect:hover{
    	box-shadow:
            1px 1px rgba(242, 88, 95, 1.00),
            2px 2px rgba(242, 88, 95, 1.00),
            3px 3px rgba(242, 88, 95, 1.00);
	    -webkit-transform: translateX(-3px);
	    transform: translateX(-3px);
	}
}




/* -- End Swell Each css Template -- */