*{
	margin:0;
	padding:0;
}

#preview{
	align-items: center;
	background-color: black;
	display: none;
	height: 100%;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}

a{
	cursor:pointer;
}

#preview div:not(.sequence-preview):not(.preview__qrcode-container){
	z-index:2;
}

#preview .controls-bg{
	height: 100%;
	left: 0;
	top:0;
	position: absolute;
	width: 100%;
}

#play:active{
	filter: brightness(5);
}

#buttons{
	align-items: center;
	display: flex;
	justify-content: center;
	opacity: 0.1;
	padding: 5px 0;
	position: absolute;
	text-align: center;
	bottom: 0;
	transition-duration: 0.5s;
	width: 100%;
	left: 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 255, 0, 0)) repeat scroll 0 0;
}

#buttons ol, ul {
    margin: 0;
}

#buttons:hover{
	opacity:1;
}

#buttons li{
	float:left;
	list-style:none;
	margin:0 13px;
	transition-duration:0.5s;
}

#buttons li:hover{
	transform: rotate(10deg);
}

#reset{
	display: block;
	opacity: 0.2;
	position: absolute;
}

#reset:hover{opacity:1;}

.sequence-preview__container
{
	height:100%;
	width:100%;
	left: 0;
	top:0;
	position:absolute;
	overflow: hidden;
	background-color:black;
	z-index:1;
}

.sequence-preview .item
{
	left:0;
	top:0;
	opacity:1;
	height: 100%;
	width:100%;
	position:absolute;
	display:block;
	-webkit-transition: top 1s linear, left 1s linear, opacity 1s linear;
	-moz-transition: top 1s linear, left 1s linear, opacity 1s linear;
	-o-transition: top 1s linear, left 1s linear, opacity 1s linear;
	transition: top 1s linear, left 1s linear, opacity 1s linear;
}

.sequence-preview .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.sequence-preview .hide {
  visibility : hidden;
}
.sequence-preview .stream div,
.sequence-preview .image div{
	height: 100%;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: black;
	display:block;
}

.sequence-preview .video video {
	height: 100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	background-color: black;
}

.sequence-preview .pagebuilder div{
	height: 100%;
	width: 100%;
}

.sequence-preview .pagebuilder iframe{
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
}

.sequence-preview .digitalmarketing iframe,
.sequence-preview .webpage iframe{
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
}

/* TRANSITIONS */

.sequence-preview .slide_left_from {
	left:-100%;
}
.sequence-preview .slide_left_to {
	left:100%;
}

.sequence-preview .slide_right_from {
	left:100%;
}
.sequence-preview .slide_right_to {
	left:-100%;
}

.sequence-preview .slide_up_from {
	top:-100%;
}
.sequence-preview .slide_up_to {
	top:100%;
}

.sequence-preview .slide_down_from {
	top:100%;
}
.sequence-preview .slide_down_to {
	top:-100%;
}

.sequence-preview .fade_out_from {
	opacity:0;
}
.sequence-preview .fade_out_to {
	opacity:0;
}

.sequence-preview .none_from {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	opacity:0;
}

.sequence-preview .none_to {
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	opacity:0;
}

.preview__qrcode-container
{
	display:none;
	bottom: 20px;
    position: absolute;
	right: 20px;
	z-index: 1000;
    border-color: white;
	background-color: white;
	-webkit-transition: opacity 1s linear;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

.preview__qrcode-container img
{
	width:150px;
	height:150px;
}

.preview__qrcode-container.fade_to
{
	opacity:0;
}

.sequence-preview__container__toolbar
{
	display: none;
	justify-content: space-around;
	align-items: center;
	color : #38c1b5;
	height : 40px;
	width: 100%;
	font-size: 28px;
	bottom: 0;
    position: absolute;
	left: 0;
	z-index: 1000;
	background-color: rgba(60, 56, 61, 0.8);
	/*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAKCElEQVR4Xu3dZ2zV5xXHcf/NNhAMyAZhEEYYMW0hW8jIWAgsgwyWwcLCgACxh0EsYfbsbtN077RNd5vupiPdTdqmI23TkXQ3bdPdpjPdE6rL7Z/GF59L7Lf/j99YN86b++X5nd855znP8ySXL1++XOIHAQT6JZBcunTpSVeuXCkpLS0t8RsH66CvDpKLFy8+WfBAAIH+CVwTCOfgHJyj/wwquXDhwlNEDwQQCBwkJxAOwkE4SOAg58+ff2qqnVQoPucJ4JEPHFleD8m5c+eexkE4CAcJHCQnkCxHiKxHSN+/uEMmZ8+efToH4SAcJHCQM2fOPINACIRACMSkgImJAU+MJKdPn34mB+EgHCRwkFOnTj2LQAiEQAhEiiXFGniK1dvbe6sxAwQQCEZNTp48easUS4olxQpSrN7e3meLHgggEDjIiRMnbss5SPqTRhKf8wTwyEfWrK6H5Pjx47eJHgggEDhIb2/vc7IcIThEth3iZv/+ybFjx54reiCAQOAgBGJpIBATSI4ePfq8q1evliRJUuI3DtZBgQ5yAhFBEEAgSLGOHj36fBuFNgptFAYbhUeOHHkBgRAIgRCIYUXDigMfVjx8+PALOQgH4SCBgxw6dOhFue5V+pN2MXzOE8Aj39XJ7HogkIwvgP+19zMrgJt9/4MHD75Yiw8BBII274EDB14CDgIIPAGBuGrTVZsukut7kVzS09PzUtEDAQQCB+np6XmZNq82rzZv0ObNCSTVjhRLiiXFKkix9u/f/3IOwkE4SOAgBOLxUgEyDpDJ3r17X6FAQwCBoEjft2/f7c6kZ/fWjpudyc7635M9e/bcLnoggEDgILt3734lOAggEAvkVYo0XSxdrKCLtXv3bgJxkGjAB4myIqhk165dr1akK9LTBCPrRXnh90927tx5R6YPxNzsPIC/Z/vA1I4dO+5QoCGAQFCkb9++/TXgIIBAEYG4UdGNim5UDG4W3b59+2u1ebV5s9KVGuj3TLZt2/Y6XSxdLF2sPIEbulipQAaqLP+/KeAsZB7J1q1bX69AQwCBoEjfsmXLG8BBAIEiAtHF0sXSxQq6WFu2bHljqh1n0p1Jdya94Ex6TiC6WLpYulhBF2vz5s1vMouV4cuZzZoVnzXbtGnTmxVoCCAQFOkEYmkgEBNINm3a9JYsbPjY2LSxOZh1nmzcuPFObV5tXm3eoM27YcOGO1ksAggENUh3d/dbwUEAgVggbxtMbianl9NnYd0k3d3dBOJWE7ealAbX/qxfv/7tNgptFKYJhld9Cx51JRCv3AqQRQJkV1fXO9LokbZ7fc4TwCPf/s70eujq6nqnad48AdPMppkLp5mTnEBM85rmNc0bTPOuW7fuXXbS7aTbSQ920js7O99tkwgBBIKNQgKxNBAoMs3b2dn5nizsiNr5t/M/mHWerF279i41iBpEDRLUIGvWrLmLxSKAQFCDdHR0vBccBBAoIhAplhRLihWkWB0dHe8jEAIhkEAg7e3t72evCCAQpFgEYmkgUGQfpL29/QOD6Q/bV7CvkIV1k6xevfpuNYgaRA0S1CCrVq26m8UigEBQg7S1tX0w/ZMDQg4IZf6AVOEBsba2tg85culMehoknUkvOIJNIM6kC5BFAuTKlSs/LMXKE5BiSjFvSDFzAtHF0sXSxQq6WCtWrPiIDgYCCARdrNbW1o+CgwACRQQixZJiSbGCFKu1tfVjWRgZMBpjNGYw6zxpaWn5OHtFAIEgxSIQSwOBItO8LS0tnxiM9UhZpCxZWDfJ8uXL77GTatTEqEmewA2jNsuWLbvHTrqddJMEwSTFsmXL7s2CVUoJpYSDWefJ0qVL71WkIYBA0MVaunTpJ8FBAIFYIJ8ajPVIWaQsWVg3uRSLQLxy65Xb6JXb5ubmT+ti6WLpYgVdrObm5vsMKxpWNKwYDCsuWbLkPgUaAggERXpTU9NnwEEAgSICkWJJsaRYQYrV1NT0WbNYZrHMYgWzWIsXL/4cB+EgHCRwEAIJwCT+u8B5tSRpbGz8vAINAQSCIr2xsfH+9E/p6IDPeQJ4XLm2w57l9ZBzkPtzCyH9SWesfM4TwCM/c5bV9ZAsWrToC+wVAQSCFGvRokVfVIzpYuliBU0ZAtGtEiCLBMiGhoYvAcRBOEgQKBsaGh4gEAIhkEAg9fX1DyjQEEAgKNLr6+u/nOU+d9b7/L5/8X2eZOHChdcFIooggEBfAjmBfAUUBBAIUqyFCxd+VZGuSFekB0V6KpBUP54B9uqt80GPOx9UV1f3NQ7CQThI4CB1dXUPEgiBEEggkNra2gfT9Mo74d4Jv+Gd8CS5Xr1mcn3U1tY+xEE4CAcJHGTBggUPafEhgEDQ5p0/f/7XpVh5AplMIbKeQt3s+8+bN+8bogcCCAQOQiCWBgIxgWTu3LnfBAgBBAIHmTNnzrfAQQCBIgLR5tXm1eYN2ryzZ8/+tuiBAAKBg8yePfs7HISDcJDYQa4JxDRvnoBpZtPMffQwa9as73IQDsJBAgchEPdiCZBFAmRNTc33AOIgHCQIlDU1NQ8TCIEQSCCQmTNnPmxY0bCiYc1gWHXmzJnfT9/B8Dv/HgYOOKTrIJkxY8YPOAgH4SCBg+QEogZRg6hBghqkurr6h8YMEEAgGDWprq5+hINwEA4SOMj06dMfET0QQCBwkOnTp/8o/ZNXXb3q6rb3vre9J9OmTbsuEFEEAQT6EsgJ5MfavNq82rxBm3fq1Kk/ETUQQCCoQR4vEPdCuXrU1aMFV61WVVX9VPRAAIHAQaqqqn6mBlGDqEGCGmTKlCnXBSKKIIBAQRdrypQpP7cPkidgH8g+UOE+UDJ58uRfiBoIIBDUIDmBmMUyi2UWK5jFmjRp0i9FDwQQCBwkJxAOwkE4SOAglZWVvxI9EEAgcJDKyspHOQgH4SCBg1RUVDxqo9BGoY3CYKOwoqLi1xyEg3CQwEEmTpz4Gw7CQThI4CA5gXAQDsJBAgeZMGHCbwmEQAgkFsjvCIRACCQQyPjx4wnkKoEQSCyQ33thygtbaaPGC1sFL2yVl5dfE4gI4iEd66AfHZSXl/+Bg3AQDpIncIODjhs37jGRg4PKIIIM4pZbbnnMoBoCCATDimPHjv0jOAggEAvkT+AggEAgkDFjxhCI1YFAQCAZPXr0nw0rGlY0rBgMK5aVlV0XiDCCAAJ9CSRlZWV/0ebV5tXmDdq8o0aN+qsUS4olxQpSrJxAOAgH4SCBg4wcOfJvBEIgBBIL5O9mscximcUKZrFGjBhxTSAiiGle66AfHQwfPvwfWnsIIBDspA8bNuyf4CCAwBMQiDcKvVHojcKCNwqHDh36L9EDAQQCB8kJRHGmSaFJEzRphgwZ8m8CIRACiQXyH/sg9kHsgwT7IKWlpdcEIoLYB7EO+tVBckWBhgACQZFeUlLy//wCJQQQ6EPgvzSM/3uaMYvIAAAAAElFTkSuQmCC);*/
}

.sequence-preview__container__toolbar.one-screen .sequence-preview__container__toolbar__controls
{
	visibility:hidden;
}

.sequence-preview__container__toolbar > span
{
	cursor: pointer;
	height: 28px;
	width: 28px;
}

.sequence-preview__container__toolbar__controls
{
	display: flex;
    align-items: center;
    justify-content: center;
}

.sequence-preview__container__toolbar__controls > span
{
	cursor: pointer;
	margin: 0 10px;
}

.sequence-preview__container__toolbar__controls > .icon-controller-paus
{
	display:block;
}

.sequence-preview__container__toolbar__controls > .icon-controller-play
{
	display:none;
}

.download-app
{
	background-color: #FFF;
	display: none;
	flex-direction: row;
	max-width: 400px;
	position: absolute;
	left: 0;
	padding: 10px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	text-decoration: none !important;
	z-index:1000;
}

.download-app__container__text
{
	color: black;
	text-decoration: none;
	font-size: 14px;
}

.download-app__logo
{
	border-radius: 10px;
	width: 50px;
    height: 50px;
}

.download-app__container
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 10px;
	flex: 1;
}

.download-app__container__button
{
	width: 100%;
	flex: 1;
}

.download-app__container__button__link
{
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

.download-app__container__button img
{
	width: 95px;
	height: auto;
}

@media screen and (max-width: 780px) {
	#buttons, #reset {
	    opacity: 1;
	}
}

@media screen 
and (max-width: 1024px)
and (orientation: portrait)
{

	.download-app
	{
		width: 100%;
		max-width: 100%;
		height: 70px;
	}

	.icon-resize-full-screen
	{
		visibility:hidden;
	}

	.sequence-preview__container__toolbar.one-screen,
	.preview__qrcode-container
	{
		display:none !important;
	}
}