/**
 * 1.0 General
 *
 * -----------------------------------------------------------------------------
 */

	* {
		box-sizing: border-box;
	}

	a {
		color: inherit;
	}

	a:hover {
		color: inherit;
		text-decoration: none;
	}

	a:focus {
		color: inherit;
		text-decoration: none;
	}

	.badge {
		padding: 0 0 0 2px;
		text-align: center;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		line-height: 18px;
	}

	.material-symbols-outlined {
		font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 48
	}

	.material-symbols-outlined {
		margin-right: 6px;
		font-size: 18px;
	}

	#copy-link-alert {
		position: absolute;
		display: inline-flex;
		line-height: 18px;
		margin-left: 8px;
		top: 6px;
		color: #df741d;		
	}


	.underlined {
		border-bottom: 1px solid;
	}

	.submenu_element_alert .underlined {
		border-color: inherit;
		cursor: pointer;
	}

	.right {
		text-align: right;
	}

	#timer {
		position: fixed;
		z-index: 10000000;
		color: #FFF;
		width: 150px;
		height: 30px;
		background-color: #505050;
		cursor: pointer;
	}

	#timer_progress {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #656565;
	}

	#timer_text {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
		color: #FFF;
		line-height: 30px;
	}


	html {
		width: 100%;
		height: 100%;
	}


	body {
		position: relative;
		margin: 0;
		padding: 0;
		background-color: #D4D4D4;
		color:rgb(103,103,103); 
		font-family: 'Fira Sans', sans-serif;
		font-size: 11px;
		width: 100%;
		height: 100%;
		letter-spacing: 1px;
	}

	.body-workflow {
		overflow: hidden;
	}

	strong {
		font-weight: normal;
		font-weight: 600;
	}

	label {
		font-weight: 400;
	}

	.multiline {
		white-space: pre;
	}

	a.button, .button {
		position: relative;
		width: 120px;
		height: 30px;
		color: #313131;
		background-color: #E2E2E2;
		text-align: center;
		display: inline-block;
		font-size: 10px;
		letter-spacing: 2px;
		font-family: 'Fira Sans', sans-serif;
		line-height: 30px;
		cursor: pointer;



	    -webkit-transition: color .5s, background-color .5s;
	    -moz-transition: color .5s, background-color .5s;
	    -o-transition: color .5s, background-color .5s;
	    transition: color .5s, background-color .5s;
	}

	a.button.external-button, .button.external-button {
		padding: 0 15px;
		font-size: 11px;
		border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; 
		width :auto;	
		margin: 0 3px;
		height: 30px;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
	}

	a.button:hover, .button:hover {
		text-decoration: none;
		background-color: #FFF;
	}

	a.button-black, .button-black {
		color: #D4D4D4;
		background-color: #373737;
		border: 1px solid #313131;
	}

	a.button-black:hover, .button-black:hover {
		color: #FFF;
		background-color: #313131;
	}

	a.button-light, .button-light {
		background-color: transparent;
		border: 1px solid #9f9f9f;
	}

	a.button-light:hover, .button-light:hover {
		background-color: transparent;
		color: #000;
	}

    .btn-sm{
        font-size: 11px;
        letter-spacing: 1px;
    }

    .btn-sm-no-published{
        font-size: 11px;
        letter-spacing: 1px;
        background-color: #80808069;
        border: transparent;
    }

    .btn-sm-no-published:hover{
        background-color: grey;
    }

	#main {
		height: 100%;
	}

	#main.overflowed {
		overflow-y: hidden;
	}

	.videos-menu a.button.external-button, .videos-menu .button.external-button {
		min-width: 140px;
	}

	#save_button {
		width: 80px;
	}

	#preview_big_button {
		width: 100px;
	}

	.preview_icon {
		position: relative;
		float: right;
		width: 18px;
		height: 30px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		opacity: 0.5;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	.preview_icon.preview_icon_live {
		position: absolute;
		top: 5px;
		right: 10px;
		cursor: default;
		opacity: 1;
	}

	.preview_icon.selected {
		opacity: 1;
	}

	.preview_icon:hover {
		opacity: 1;
	}

	#preview_icon_mobile {
		background-image: url(../img/preview_mobile_icon.png);
		margin: 0 10px 0 5px;
	}

	#preview_icon_mobile.preview_icon_live {
		margin: 0;
	}

	#preview_icon_desktop {
		background-image: url(../img/preview_desktop_icon.png);
	}


	.button-grey {
		color: #D4D4D4;
		background-color: #656565;
	}

	.button-grey:hover {
		color: #FFF;
		background-color: #505050;
	}

	.search {
		position: relative;
		width: 100%;
		max-width: 170px;
		height: 30px;
		padding: 5px 0 5px 30px;
		margin-top: 5px;
		background: left center no-repeat url(../img/icon-search.png);
		border-bottom: 1px solid #313131;
	}

	.search input {
		position: relative;
		font-family: 'Fira Sans', sans-serif;
		width: 100%;
		background: transparent;
		border: 0;
		padding: 0;
		height: 100%;
		line-height: 100%;
		color: #656565;
		font-size: 11px;
		outline: 0;
	}

	.dashboard-content-stats .search {
		margin-top: 0;
		line-height: 20px;
	}

	#search-close {
		position: absolute;
		top: 0;
		right: -16px;
		width: 10px;
		height: 30px;
		background: right center no-repeat url(../img/icon-close-search.png);
		cursor: pointer;
	}

	#search-launch {
		position: absolute;
		top: 5px;
		right: 0;
		width: 16px;
		height: 30px;
		font-size: 14px;
		/*background: right center no-repeat url(../img/icon-search.png);*/
		cursor: pointer;
	}

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	}

	.main_loading_wrapper_buy{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}

	/*.modal_loading_wrapper{
	    height: 68px;
	    width: 68px;
	    position:relative;
		left:50%;
		margin-left:-34px;
	}*/

	.main_loading_buy {
	  width: 68px;
	  height: 68px;
	  top: 50%;
	  left:50%;
	  margin-left: -34px;
	  margin-top: -34px;
	  background: url('../img/spiffygif_68x68.png') top center;
	  animation: play .8s steps(19) infinite;
	  z-index: 9999;
	  position: relative
	}

	.main_loading_wrapper{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 666666;
	}

	.loading_message {
		position: absolute;
		top: 50%;
		margin-top: 50px;
		left: 0;
		width: 100%;
		padding: 0 20px;
		color: #d4d4d4;
		font-size: 12px;
		text-align: center;
	}

	.editor_loading_wrapper {
		position: absolute;
		z-index: 1000;
	}

	#videos_loading_wrapper {
		position: absolute;
		z-index: 0;
		top: 50%;
		left: 50%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	/*.modal_loading_wrapper{
	    height: 68px;
	    width: 68px;
	    position:relative;
		left:50%;
		margin-left:-34px;
	}*/

	.main_loading {
	  width: 68px;
	  height: 68px;
	  top: 50%;
	  left:50%;
	  margin-left: -34px;
	  margin-top: -34px;
	  background: url('../img/spiffygif_68x68.png') top center;
	  animation: play .8s steps(19) infinite;
	  z-index: 9999;
	  position: relative
	}

	@keyframes play {
	    100% { background-position: 0 -1292px; z-index: 9999;}
	}

	.error {
		color: #900;
	}

	.loading-bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		z-index: 101;
	}

	/*	CustomScrollBar	*/

		.mCSB_scrollTools {
			width: 16px;
		}

		.popupBlack .mCSB_scrollTools {
			width: 3px;
		}

		.popup-cont-media .mCSB_scrollTools {
			width: 3px;
		}

		.tag_content .mCSB_scrollTools {
			width: 14px;
		}

		.popupBlack .tag_content .mCSB_scrollTools {
			width: 3px;
		}

		.popup-cont-media .tag_content .mCSB_scrollTools {
			width: 3px;
		}

		.mCSB_scrollTools .mCSB_draggerContainer {
			text-align: center;
		}

		.mCSB_scrollTools .mCSB_draggerRail {
			background-color: #E2E2E2;
			width: 14px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.popupBlack .mCSB_scrollTools .mCSB_draggerRail {
			background-color: transparent;
			width: 3px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
		}

		.popup-cont-media .mCSB_scrollTools .mCSB_draggerRail {
			width: 3px;
		}

		.mCSB_scrollTools:hover .mCSB_draggerRail {
			background-color: #FFF;
		}

		.popupBlack .mCSB_scrollTools:hover .mCSB_draggerRail {
			background-color: transparent;
		}

		.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: #656565;
			width: 14px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
		}

		.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
			background-color: #505050;
		}

		.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
			background-color: #505050;
		}

		.popupBlack .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: #FFF;
			width: 3px;
			border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
		}

		.popup-cont-media .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			width: 3px;
		}

		.popupBlack .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
			background-color: #FFF;
		}

		.popupBlack .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .popupBlack .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
			background-color: #FFF;
		}

		.mCSB_inside > .mCSB_container {
			margin-right: 0;
		}

		

		#Main .mCSB_scrollTools {
			width: 12px;
		}

		#Main .tag_content .mCSB_scrollTools {
			width: 10px;
		}

		#Main .mCSB_scrollTools .mCSB_draggerRail {
			background-color: #313131;
			width: 10px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		#Main .mCSB_scrollTools:hover .mCSB_draggerRail {
			background-color: #313131;
			margin: 0;
		}

		#Main .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: #656565;
			width: 10px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
		}

		#Main .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
			background-color: #656565;
		}

		#Main .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #Main .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
			background-color: #656565;
		}

		#Main #timeline .scroller_container {
			padding-right: 0;
		}

		#Main #timeline .mCSB_scrollTools {
			width: 0;
		}




		#Main .prop-select .mCSB_scrollTools {
			width: 1px;
		}

		#Main .prop-select .tag_content .mCSB_scrollTools {
			width: 1px;
		}

		#Main .prop-select .mCSB_scrollTools .mCSB_draggerRail {
			background-color: #373737;
			width: 2px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		#Main .prop-select .mCSB_scrollTools:hover .mCSB_draggerRail {
			background-color: #373737;
			margin: 0;
		}

		#Main .prop-select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			background-color: #D4D4D4;
			width: 10px;
			border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
		}

		#Main .prop-select .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
			background-color: #D4D4D4;
		}

		#Main .prop-select .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #Main .prop-select .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
			background-color: #D4D4D4;
		}

		#Main .prop-select #timeline .scroller_container {
			padding-right: 0;
		}

		#Main .prop-select #timeline .mCSB_scrollTools {
			width: 0;
		}

		.mCSB_container {
			overflow: visible;
		}

	#cookiescript_link {
		display: none !important;
	}

	a:focus {
		outline: none;
		color: #D4D4D4;
		text-decoration: none;
	}

	#brightcove {
		position: fixed;
		top: 0;
		left: 0;
		width: 1px;
		height: 1px;
		z-index: 1;
	}

	#updating-element-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: right;
		color: #FFF;
		background-color: #cfaa3e;
		padding-right: 20px;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#updating-element-bar.updated {
		background-color: #3ecfa3;
	}




/**
* 2.0 Dashboard
*
* -----------------------------------------------------------------------------
*/

	/*	Header	*/

		header {
			font-family: 'Fira Sans', sans-serif;
			height: auto;
			background-color: #313131;
			letter-spacing: 1px;
			line-height: 20px;
		}

		#header-top {
			position: relative;
			clear: both;
			height: 80px;
			padding: 10px 0;
			border-bottom: 1px solid #666;
		}

		header nav {
			position: relative;
			text-align: center;
		}

		header nav.unregistered {
			height: 40px;
		}

		header nav a {
			position: relative;
			display: inline-block;
			margin: 0 10px;
			color: #D4D4D4;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 10px;
			line-height: 20px;
			cursor: pointer;



		    -webkit-transition: background.color .5s, color .5s;
		    -moz-transition: background.color .5s, color .5s;
		    -o-transition: background.color .5s, color .5s;
		    transition: background.color .5s, color .5s;
		}

		header nav a:first-child {
			text-indent: 24px;
			background-repeat: no-repeat;
			background-position: left center;
		}

		header nav.unregistered a:first-child {
			background-image: none;
		}

		header nav a:last-child {
			margin-right: 0;
			text-indent: 0;
		}

		header nav a:hover {
			color: #FFF;
			text-decoration: none;
		}

		header nav a.nav-active {
			color: #FFF;
			border-bottom: 1px solid #FFF;
		}

		header nav.unregistered a {
			height: 40px;
			line-height: 40px;
		}

		header nav.unregistered a:last-child {
			background-color: #e5bd45;
			color: #313131;
			padding: 0 40px;
			font-weight: 600;
		}

		header nav.unregistered a:last-child:hover {
			background-color: rgba(229,189,69,0.8);
		}

		header nav.catalogNav a:last-child {
			background-color: #f4f4f4;
		}

		header nav.catalogNav a:last-child:hover {
			background-color: #fff;
		}

		header nav a.demo-trial-nav-item {
			color: #e5bd45;
			background-repeat: no-repeat;
			background-position: left 4px;
			/*background-image: url(../img/buy-process-special-offer.png);
			text-indent: 17px;*/
			background-image: none;
			margin-left: 5px;
			padding-right: 20px;
			border-right: 1px solid #d4d4d4;
		}

		header nav a.inactive {
			cursor: default;
		}

		header nav a.inactive:hover {
			color: #d4d4d4;
		}

		header nav .nav-text {
			position: relative;
			display: inline-block;
			color: #999;
		}

		header #header-meta {
			position: relative;
			float: right;
			line-height: 30px;
			padding-top: 9px;
			text-align: right;
		}

		header #header-user {
			position: relative;
			float: right;
			margin-left: 24px;
			font-size: 10px;
			color: #D4D4D4;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		header #header-user:hover {
			color: #FFF;
		}

		header #header-user i {
			padding-right: 2px;
		}

		header #header-upgrade {
			position: relative;
			float: right;
			text-transform: uppercase;
			margin-right: 20px;
			font-weight: 600;
		    border: 1px solid;
		    border-radius: 5px;
		    color: #fbe365;
		    padding: 3px 15px;
		    line-height: 20px;
		    cursor: pointer;
		    margin-top: 7px;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		header #header-upgrade:hover {
			color: rgba(251, 227, 101, 0.8);
		}

		header #header-icon {
			position: relative;
			float: right;
			width: 40px;
			height: 40px;
			margin-right: 10px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(../img/ico-hector.png);
			border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; 
			cursor: pointer;
		}

		header #header-meta-content {
			position: relative;
			display: inline-block;
			line-height: 15px;
		}

		#header-meta-content .team-item-name {
			clear: none;
			width: auto;
			float: left;
			font-weight: 600;
			letter-spacing: 1px;
			line-height: 15px;
			text-align: left;
		}

		#header-meta-content .team-item-name:hover, #header-meta-content:hover .team-item-name {
			color: #FFF;
		}

		#header-meta-content .team-item-avatar {
			margin-right: 5px;
		}

		#header-meta-content .team-item-avatar-name {
			background-color: #d4d4d4;
			color: #313131;
			font-size: 14px;
		}

		#header-meta-content .team-item-avatar-name:hover, #header-meta-content:hover .team-item-avatar-name {
			background-color: #FFF;
			color: #000;
		}

		#header-meta-content .user-name-name {
			position: relative;
			clear: both;
		}

		#header-meta-content .user-name-plan {
			position: relative;
			clear: both;
			font-family: 'Fira Sans', sans-serif;
		}

		.header-logo {
			position: relative;
			float: left;
			width: auto;
			margin-right: 40px;
			margin-top: 13px;
		}

		#header-menu {
			position: relative;
			float: right;
			width: auto;
			margin-top: 10px;
		}

		#header-bottom {
			position: relative;
			clear: both;
			height: 70px;
		}

		header.extended #header-bottom {
			height: 100px;
		}

		#header-bottom-main {
			position: relative;
			clear: both;
			width: 100%;
			height: 70px;
			padding: 20px 0;
		}

		#header-bottom-title {
			color: #f4f4f4;
			font-size: 20px;
			line-height: 30px;
			font-weight: 300;
		}

		#header-bottom-title .bullet {
			position: relative;
			float: left;
			color: #999;
			font-size: 12px;
			margin-right: 5px;
		}

		#header-bottom-title .project-status {
			float: left;
			margin-top: 10px;
			margin-right: 10px;
		}

		.header-button, a.header-button {
			position: relative;
			float: right;
			width: auto;
			min-width: 140px;
			text-align: center;
			height: 30px;
			line-height: 30px;
			margin-left: 10px;
			background-color: #f5f5f5;
			color: #373737;
			font-weight: 600;
			font-size: 11px;
			padding: 0 15px;
			border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; 
			cursor: pointer;
			letter-spacing: 1px;



		    -webkit-transition: color .5s, background-color .5s;
		    -moz-transition: color .5s, background-color .5s;
		    -o-transition: color .5s, background-color .5s;
		    transition: color .5s, background-color .5s;
		}

		#pagination .header-button {
			float: none;
			display: inline-block;
		}

		.header-button-delete {
			float: right;
			height: 30px;
			margin-left: 10px;
			padding: 0 15px;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			-ms-border-radius: 8px;
			cursor: pointer;
			/* letter-spacing: 1px; */
			background-image: url(../img/slides/ico_delete.png);
			background-repeat: no-repeat;
			background-position: center 0;
			-webkit-transition: color .5s, background-color .5s;
			-moz-transition: color .5s, background-color .5s;
			-o-transition: color .5s, background-color .5s;
			transition: color .5s, background-color .5s;
		}

		.no-tabs-projects-meta .header-button {
			float: left;
			margin-left: 32px;
		}

		.header-button:hover {
			background-color: #FFF;
			color: #000;
		}

		.header-button.header-button-dark {
			background-color: transparent;
			color: #d4d4d4;
			border: 1px solid;
			font-family: 'Fira Sans', sans-serif;
		}

		.header-button.header-button-dark:hover {
			color: #FFF;
		}

		.header-button.header-button-black {
			background-color: #373737;
			color: #f5f5f5;
			font-family: 'Fira Sans', sans-serif;
		}

		.header-button.header-button-black:hover {
			background-color: #000;
			color: #FFF;
		}

		.header-button.header-button-projects {
			background-color: #e5bd45;
			font-size: 12px;
			height: 32px;
			line-height: 32px;
			padding: 0 28px 0 36px;
			background-repeat: no-repeat;
			background-position: 16px center;
			background-image: url(../img/slides/ico_new_project_black.png);
			border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 
		}

		@media (max-width:768px){
			.header-button-project-mobile{
				width: 100%;
				max-width: 300px;
			}
		}

		.header-button.header-button-projects-delete {
			background-color: #e5bd45;
			font-size: 12px;
			height: 32px;
			line-height: 32px;
			padding: 0 28px;
			background-repeat: no-repeat;
			background-position: 16px center;
			background-image: url(../img/slides/ico_new_project_black.png);
			border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
		}

		.header-button.header-button-projects-know {
			background-color: transparent;
			font-size: 12px;
			height: 32px;
			padding: 0 28px 0 36px;
			border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 
			border: 1px solid #373737;
		}

		.header-button.inactive {
			opacity: 0.2;
			cursor: default;
		}

		.header-button i {
			margin-right: 3px;
		}

		#header-bottom-sidebar {
			position: relative;
			clear: both;
			width: 100%;
			height: 30px;
		}

		#dashboard_main #header-bottom-sidebar, #examples-view #header-bottom-sidebar, #examples-single #header-bottom-sidebar {
			position: absolute;
			bottom: 0;
		}

		#header-bottom-nav {
			position: relative;
			float: left;
			height: 30px;
			width: 100%;
		}

		.header-bottom-nav-item {
			position: relative;
			float: left;
			width: 120px;
			height: 30px;
			font-size: 11px;
			line-height: 20px;
			padding: 0 10px 19px;
			border-bottom: 5px solid transparent;
			color: #999;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.header-bottom-nav-item:hover {
			color: #d4d4d4;
		}

		.header-bottom-nav-item.active {
			color: #FFF;
			border-color: #FFF;
		}

		.header-bottom-nav-item.active:hover {
			color: #FFF;
		}

		#header-bottom-meta {
			position: relative;
			float: right;
			width: 30%;
			text-align: right;
			height: 30px;
			font-size: 15px;
		}

		#header-bottom-meta .project-button {
			float: none;
			display: inline-block;
			font-size: 15px;
			font-smoothing: grayscale;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizeLegibility;
			-webkit-transform:rotateZ(0);
			-moz-transform:rotateZ(0);
			-o-transform:rotateZ(0);
			transform:rotateZ(0);
  		}

		#header-bottom-meta-mobile {
			font-size: 19px;
		}

		#header-bottom-meta:hover .project-button-idle {
			display: none;
		}

		#header-bottom-meta .project-button-hover {
			display: none;
		}

		#header-bottom-meta:hover .project-button-hover {
			display: inline-block;
		}

		.header-menu-mobile-icon {
		    position: relative;
		    float: right;
		    line-height: 60px;
		    font-size: 24px;
		    color: #d4d4d4;
		    height: 60px;
		    padding-top: 3px;
		}

		.templates-filters .header-menu-mobile-icon {
			line-height: 50px;
			height: 50px;
			color: #313131;
			padding-top: 0;
		}

		#marketplace-mobile-tags .header-menu-mobile-icon {
			color: #313131;
		}

		#header-menu-mobile {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 100%;
			background-color: #313131;
			z-index: 100000;
			padding: 10px 0;
			display: none;
		}

		#header-menu-mobile nav {
			position: relative;
			display: block;
			clear: both;
			width: 100%;
			height: auto;
			padding-top: 50px;
			text-align: center;
		}

		#header-menu-mobile .nav-item {
			font-size: 14px;
			height: 40px;
			line-height: 40px;
			margin: 5px 0;
		}

		#header-menu-mobile .nav-item a {
			margin: 0;
			font-size: inherit;
			line-height: inherit;
			color: #FFF;
		}

		#header-menu-mobile .nav-item a.captation {
			background-color: #e5bd45;
			color: #313131;
			padding: 0 40px;
			font-weight: 600;
		}

		#header-menu-mobile nav.catalogNavMobile .nav-item:last-child a {
			background-color: #f4f4f4;
			padding: 0 20px;
			color: #313131;
		}

		#header-menu-mobile nav.catalogNavMobile .nav-item:last-child a:hover {
			background-color: #fff;
		}

		#free_demo_block {
			position: relative;
			width: 100%;
			height: 50px;
		    padding: 10px 0;
		    background-color: #FFF;
		    color: #313131;
		    text-align: center;
		    font-weight: 600;
		    font-size: 14px;
		    line-height: 30px;
		    box-shadow: 2px 0 2px rgba(0,0,0,0.6);
		    display: none;
		}

		#free_demo_block.free_demo_block_slides {
		    background-color: #3c8dc4;
		    color: #fff;
		}

		#free_demo_block .button {
		    display: inline-block;
		    width: auto;
		    padding: 0 20px;
		    font-weight: 600;
		    border-radius: 5px;
		    letter-spacing: 0;
		    margin-left: 15px;
		    font-size: 12px;
		    background-color: #e5bd45;
		}

		#free_demo_block.free_demo_block_slides .button {
		    background-color: #fff;
		}

		#free_demo_block .button:hover {
			background-color: rgba(229,189,69,0.8);
		}

		#free_demo_block.free_demo_block_slides .button:hover {
			background-color: #e4e4e4;
		}

		#free_demo_block .close {
			position: absolute;
			right: 20px;
			top: 17px;
			width: 16px;
			height: 16px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url(../img/ico-close-header-promo.png);
			cursor: pointer;
			opacity: 0.8;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		#free_demo_block .close:hover {
			opacity: 1;
		}


	/*	Content 	*/

		.dashboard-content {
			font-family: 'Fira Sans', sans-serif;
			padding-top: 30px;
			padding-bottom: 30px;
			line-height: 20px;
			position: relative;
		}

		#dashboard-buttons .button {
			float: left;
			font-size: 11px;
			height: 40px;
			line-height: 40px;
			margin-right: 5px;
		}

		#dashboard-buttons .button-naked {
			width: auto;
			background-color: transparent;
			border-bottom: 1px solid #313131;
			height: 20px;
			margin: 10px 0;
			line-height: 20px;
			font-weight: 600;
			margin-left: 30px;
		}

		.button-views {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

		.button-views:last-child {
			display: none;
		}

		#dashboard-search .search {
			float: right;
		}

		#dashboard-filters {
			margin: 20px 0 0;
		}

		.dashboard-content-stats #dashboard-filters {
			height: 30px;
			line-height: 40px; 
			margin-top: 0;
		}

		#dashboard-filters-content {
			position: relative;
			float: left;
			width: 50%;
		}

		.dashboard-filter-title {
			position: relative;
			display: inline-block;
			color: #656565;
			font-size: 11px;
			margin-right: 10px;
			font-style: italic;
		}

		.dashboard-filter {
			position: relative;
			display: inline-block;
			color: #656565;
			font-size: 11px;
			margin-right: 30px;
			cursor: pointer;
			font-weight: 600;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.dashboard-filter:hover {
			color: #313131;
		}

		.dashboard-filter i {
			padding-right: 2px;
		}

		.dashboard-filter.dashboard-filter-grid {
			display: block;
			float: right;
			font-size: 14px;
			margin-right: 0;
			margin-left: 10px;
		}

		.dashboard-filter-list {
			position: absolute;
			width: 100px;
			z-index: 10;
			background-color: #d4d4d4;
			display: none;
			padding-top: 5px;
		}

		.dashboard-filter-elem {
			position: relative;
			width: 100%;
			height: 20px;
			line-height: 20px;
			padding: 0 5px;
			cursor: pointer;



		    -webkit-transition: color .5s, background-color .5s;
		    -moz-transition: color .5s, background-color .5s;
		    -o-transition: color .5s, background-color .5s;
		    transition: color .5s, background-color .5s;
		}

		.dashboard-filter-elem:hover {
			background-color: #FFF;
			color: #373737;
		}



		#dashboard-hello {
			position: relative;
			clear: both;
			background-color: #e2e2e2;
			padding: 50px;
			margin: 30px 0;
			text-align: center;
		}

		#hello-title {
			position: relative;
			clear: both;
			color: #313131;
			margin: 20px 0 10px;
			font-family: 'Fira Sans', sans-serif;
			font-size: 20px;
			line-height: 28px;
		}

		@media (max-width: 768px){
			.hello-title-mobile{
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
			}
		}


		@media (max-width: 768px){
			.hello-image-mobile{
				width: 100%;
			}
		}

		#hello-text {
			position: relative;
			clear: both;
			font-size: 14px;
		}

		#hello-buttons {
			position: relative;
			clear: both;
			margin-top: 20px;
			text-align: center;
		}
		@media (max-width: 768px) {
			.dashboard-hello-buttons-mobile{
				display: flex;
				flex-direction: column;
				justify-content: center;
				gap: 20px;
				align-items: center;
			}
		}
		#hello-buttons .header-button {
			float: none;
			display: inline-block;
		}

		#hello-buttons #button-facebook-login {
			margin-bottom: 30px;
		}

		#dashboard-hello .hello-links {
			position: relative;
			width: 100%;
			text-align: center;
			color: #313131;
			text-decoration: underline;
			cursor: pointer;
			margin-top: 10px;
			line-height: 20px;
		}

		#popup-project-published .hello-links,
		#popup-no-pixel .hello-links {
			position: relative;
			width: 100%;
			text-align: center;
			color: #313131;
			cursor: pointer;
			margin-top: 10px;
			line-height: 20px;
			border-bottom: 1px solid;
			display: inline;
		}

		#videos-replace-alert {
			position: relative;
			margin-top: 20px;
			height: 40px;
			line-height: 40px;
			color: #FFF;
			text-transform: uppercase;
			text-align: center;
			background-color: #3e9ecf;
			display: block;
		}

		#videos-replace-alert span {
			border-bottom: 1px solid;
			cursor: pointer;
		}

		#dashboard-alert {
			position: relative;
			margin-top: 20px;
			height: 40px;
			line-height: 40px;
			color: #FFF;
			text-transform: uppercase;
			text-align: center;
			background-color: #3e9ecf;
			display: none;
		}

		#dashboard-alert span {
			border-bottom: 1px solid;
			cursor: pointer;
		}

		#dashboard-alert.dashboard-alert-videos {
			margin-top: 0;
			background-color: #cfaa3e;
			color: #000;
		}

		#dashboard-videos #dashboard-alert {
			margin-top: 0;
			margin-bottom: 20px;
		}

		.dashboard-grid {
			position: relative;
			margin-top: 20px;
		}

		.dashboard-grid-content {
			padding: 0 15px 50px;
		}

		.dashboard-col {
			position: relative;
			width: 100%;
			
		}

		.dashboard-menu-title{
			position: relative;
			width:100%;
			line-height: 40px;
			border-bottom: 1px solid #BBB;
			font-weight: 600;
			margin-top: 20px;
			color: #888;
		}

		.dashboard-menu-title:first-child{
			margin-top: 0;
			line-height: 100%;
			padding-bottom: 15px;
		}

		.dashboard-menu {
			margin-right: 30px;
		}

		#dashboard-screen .dashboard-menu, #dashboard-projects .dashboard-menu {
			margin-right: -15px;
		}

		.dashboard-menu-item {
			position: relative;
			width: 100%;
			/*height: 40px;*/
			line-height: 40px;
			text-indent: 38px;
			color: #454545;
			background-position: 0 -40px;
			background-repeat: no-repeat;
			background-image: url(../img/ico-resources-folder.png);
			cursor:pointer;
			border-bottom: 1px solid #bbb;
			letter-spacing: 1px;



		    -webkit-transition: background-color .5s, color .5s;
		    -moz-transition: background-color .5s, color .5s;
		    -o-transition: background-color .5s, color .5s;
		    transition: background-color .5s, color .5s;
		}

		.dashboard-menu-item-settings {
			position: relative;
			width: 100%;
			/*height: 40px;*/
			line-height: 40px;
			text-indent: 38px;
			color: #454545;
			background-position: 0 -40px;
			background-repeat: no-repeat;
			background-image: url(../img/ico-resources-folder.png);
			border-bottom: 1px solid #bbb;
			font-weight: 500;
			letter-spacing: 1px;



		    -webkit-transition: background-color .5s, color .5s;
		    -moz-transition: background-color .5s, color .5s;
		    -o-transition: background-color .5s, color .5s;
		    transition: background-color .5s, color .5s;
		}




		.dashboard-menu-item:hover {
			background-color: #dbdbdb;
		}

		.dashboard-menu-item.active {
			background-color: #e2e2e2;
			background-position: 0 0;
			height: auto;
		}

		.dashboard-menu-item-main {
			position: relative;
		}

		.tooltip-question {
			position: absolute;
			line-height: 32px;
			top: 0;
			right: 0;
			cursor: pointer;
			color: #418ec2;
		}

		#dashboard-screen .dashboard-menu-item {
		    background-image: none;
		    text-indent: 0;
		    overflow: hidden;
		    line-height: 24px;
		    padding: 8px 0;
		    cursor: default;
		}
        #dashboard-screen .dashboard-menu-item-no-interaction {
		    background-image: none;
		    text-indent: 0;
		    overflow: hidden;
		    padding: 8px 0;
		    line-height:16px;
            font-family: 'Fira Sans', sans-serif;
            color: #777;
		}

		#dashboard-screen .dashboard-menu-item-settings {
		    background-image: none;
		    text-indent: 0;
		    line-height: 24px;
		    padding: 8px 0;
		}

		#dashboard-screen .dashboard-menu-item-image {
		    position: absolute;
		    top: -1px;
		    left: 20px;
		    width: 13px;
		    height: 40px;
		    background-position: center center;
		    background-repeat: no-repeat;
		}

		#dashboard-screen .dashboard-menu-item-image-right {
		    position: absolute;
            right: 20px;
            top: 8px;
            line-height: 20px;
            height: 24px;
            text-decoration: underline;

		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.dashboard-menu-item-image-media {
			background-size: cover;
		}

		.dashboard-menu-item-image-image {
			background-image: url(../img/ico-screen-image.png);
		}

		.dashboard-menu-item-image-button {
			background-image: url(../img/ico-screen-button.png);
		}

		.dashboard-menu-item-image-infobox {
			background-image: url(../img/ico-screen-infobox.png);
		}

		.dashboard-menu-item-image-form {
			background-image: url(../img/ico-screen-form.png);
		}

		.dashboard-menu-item-image-poll {
			background-image: url(../img/ico-screen-poll.png);
		}

		.dashboard-menu-item-image-dragger {
			background-image: url(../img/ico-screen-dragger.png);
		}

		.dashboard-menu-item-image-progressbar {
			background-image: url(../img/ico-screen-progress-bar.png);
		}

		.dashboard-menu-item-image-playpause {
			background-image: url(../img/ico-screen-play-pause.png);
		}

		.dashboard-menu-item-image-conditionalaction {
			background-image: url(../img/ico-screen-conditional-action.png);
		}

		.dashboard-menu-item-image-conditionalimage {
			background-image: url(../img/ico-screen-conditional-image.png);
		}

		.dashboard-menu-item-image-dynamictext {
			background-image: url(../img/ico-screen-text.png);
		}

		#dashboard-screen .dashboard-menu-item-action {
            position: absolute;
            right: 8px;
            top: 8px;
            line-height: 24px;
            height: 24px;
            text-decoration: underline;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		#dashboard-screen .dashboard-menu-item-block .dashboard-menu-item-action {
			right: 0;
		}

		#dashboard-screen .dashboard-menu-item-action.transcoding{
		    opacity: 1;
		}

		#dashboard-screen .dashboard-menu-item:hover .dashboard-menu-item-action {
			opacity: 1;
		}

		#dashboard-screen .dashboard-menu-item-action.dashboard-menu-item-noaction {
			color: #999;
			text-decoration: none;
			font-style: italic;
		}

		#dashboard-screen .dashboard-menu-item-action-elem {
			position: relative;
			display: inline-block;
			width: 20px;
			height: 24px;
			background-repeat: no-repeat;
			background-position: right center;
			cursor: pointer;
		}

		#cover-from-upload {
			background-image: url(../img/ico-screen-upload.png);
		}

		#screen-from-upload {
			background-image: url(../img/ico-screen-upload.png);
		}

		#screen-from-library {
			background-image: url(../img/ico-screen-library-int.png);
		}

		#dashboard-screen .dashboard-menu-item-text {
			position: relative;
			padding: 0 64px 0 40px;
			overflow: hidden;
			word-break: break-all;
			height: 24px;
			line-height: 24px;
		}

		#dashboard-screen .dashboard-menu-item.active .dashboard-menu-item-text {
		    color: #1e1e1e;
		}

		.dashboard-menu-item-header {
			cursor: pointer;
		}

		.dashboard-menu-item-extra {
            position: relative;
            padding: 8px 8px 0 8px;
            color: #777;
		}

		.dashboard-menu-item-extra-settings {
            position: relative;
            color: #777;
            overflow: hidden;
		}

		.dashboard-menu-item-block {
            position: relative;
            border-top: 1px solid #CCC;
            height: auto;
            min-height: 40px;
            padding-bottom: 8px;
            line-height: 24px;
            overflow: hidden;
		}

		.dashboard-menu-item-block:last-child {
			padding-bottom: 0;
			min-height: 35px;
		}

		.dashboard-menu-item-block .appearance-header {
			line-height: 32px;
			font-size: 10px;
		}

		#dashboard-screen .dashboard-menu-item-block .dashboard-menu-item-text {
			padding: 8px 64px 0 32px;
			color: #1e1e1e !important;
			height: 34px;
			line-height: 24px;
		}

		#dashboard-screen .dashboard-menu-item-block .dashboard-menu-item-image {
			left: 0px;
			width: 24px;
			height: 24px;
			top: 8px;
		}

		#dashboard-screen .dashboard-menu-item-block .dashboard-menu-item-image img {
			display: block;
		}

		#dashboard-screen .dashboard-menu-item-block .dashboard-menu-item-action {
			opacity: 1;
			color: #313131;
		}

		.dashboard-menu-item-extra textarea {
            border: 0;
            width: 100%;
            background-color: #f9f9f9;
            padding: 8px;
            font-family: 'Fira Sans', sans-serif;
            line-height: 16px;
            height: 64px;
		}

		.dashboard-menu-item-extra input[type=text], .dashboard-menu-item-extra select {
			border: 0;
			height: 30px;
			line-height: 30px;
			width: 100%;
			background-color: #f9f9f9;
			padding: 0 8px;
			font-family: 'Fira Sans', sans-serif;
		}

		.dashboard-menu-item-extra input[type=checkbox] {
			margin-right: 3px;
		}

		.dashboard-menu-item-button {
            position: relative;
            text-align: right;
            text-decoration: underline;
            color: #313131;
            padding-top: 0px;
            line-height: 46px;
            height: 32px;
            display: inline-block;
            cursor: pointer;
            font-weight: 500;
            float: right;
		}

		#public-sharing {
			background-image: url(../img/ico-embed-public.png);
		}

		#private-sharing {
			background-image: url(../img/ico-embed-private.png);
		}

		#public-settings {
			background-image: url(../img/ico-embed-settings.png);
		}

		.dashboard-block {
			position: relative;
			clear: both;
		}

		.popup-content .dashboard-block {
			margin-bottom: 20px;
		}

		.popup-content .dashboard-block:last-child {
			margin-bottom: 0;
		}

		.dashboard-block-bordered {
			padding: 10px 0;
			border-top: 1px solid #bbb;
			color: #454545;
			overflow: hidden;
		}

		.dashboard-block-bordered:last-child {
			border-bottom: 1px solid #bbb;
		}

		.dashboard-block-title {
			position: relative;
			clear: both;
			font-weight: 600;
			line-height: 20px;
			height: 20px;
			margin-bottom: 5px;
		}

		.dashboard-row {
			position: relative;
			clear: both;
			width: 100%;
			height: 50px;
			margin-bottom: 10px;
			background-color: #e2e2e2;
			border: 1px #ddd;



		    -webkit-transition: background-color .5s, color .5s;
		    -moz-transition: background-color .5s, color .5s;
		    -o-transition: background-color .5s, color .5s;
		    transition: background-color .5s, color .5s;
		}

		#dashboard-block-images .dashboard-row, #dashboard-block-sounds .dashboard-row, #dashboard-block-sequences .dashboard-row {
			cursor: pointer;
		}

		.dashboard-row:hover {
			background-color: #f6f6f6;
		}

		.dashboard-row.dashboard-row-main {
			height: 30px;
			line-height: 12px;
			padding-top: 18px;
			background-color: transparent;
			border: 0;
			cursor: default;
		}

		.dashboard-row.dashboard-row-main:hover {
			background-color: transparent;
		}

		.dashboard-row-item {
			position: relative;
			float: left;
			width: 12%;
			height: 50px;
			line-height: 50px;
			color: #454545;
			margin-right: 20px;
			overflow: hidden;
		}

		.dashboard-row-item.dashboard-row-item-name {
			width: 20%;
		}

		.popup-content .dashboard-row-item.dashboard-row-item-name {
			width: 50%;
		}

		.dashboard-row-item.dashboard-row-item-thumbnail {
			width: 75px;
			background-position: center center;
			background-repeat: no-repeat;
			background-color: #418ec2;
		}

		#dashboard-block-images .dashboard-row-item.dashboard-row-item-thumbnail {
			background-size: cover;
			background-color: transparent;
		}		

		.dashboard-row-main .dashboard-row-item.dashboard-row-item-thumbnail {
			background-color: transparent;
		}

		.dashboard-row-item.dashboard-row-item-thumbnail img {
			width: 100%;
			height: 100%;
			display: block;
			opacity: 0;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.dashboard-row-item.dashboard-row-item-empty {
			width: 100%;
			text-align: center;
			cursor: default;
		}

		.dashboard-row-item.dashboard-row-item-empty:hover {
			background-color: #e2e2e2;
		}

		.dashboard-row:hover .dashboard-row-item.dashboard-row-item-thumbnail img {
			opacity: 1;
		}

		.dashboard-row-main .dashboard-row-item {
			font-weight: 500;
			height: 12px;
			line-height: 12px;
		}

		.dashboard-row-more {
			position: absolute;
			top: 17px;
			right: 15px;
			line-height: 12px;
			height: 12px;
			font-size: 18px;
			cursor: pointer;
		}

		.dashboard-row-main-action {
			position: absolute;
			top: 17px;
			right: 50px;
			height: 16px;
			line-height: 16px;
			font-weight: 600;
			opacity: 0;
			border-bottom: 1px solid;
			cursor: pointer;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.popup-content .dashboard-row-main-action {
			right: 10px;
		}

		.dashboard-row-main-action:hover {
			color: #313131;			
		}

		.dashboard-row:hover .dashboard-row-main-action {
			opacity: 1;
		}

		.dashboard-block-left {
			position: relative;
			float: left;
			width: 40%;
			padding-right: 10px;
		}

		.dashboard-block-right {
			position: relative;
			float: left;
			width: 60%;
			padding-left: 10px;
			margin-top: 20px;
		}

		.dashboard-block-title {
			position: relative;
			clear: both;
			margin-bottom: 10px;
			height: 20px;
			font-weight: 600;
		}

		#pagination {
			position: relative;
			text-align: center;
			margin: 20px 0;
			width: 100%;
		}

		.pagination {
		    display: inline-block;
		    padding-left: 0;
		    margin: 10px;
		}

		.pagination div {
		    color: black;
		    font-family: 'Fira Sans', sans-serif;
		    float: left;
		    padding: 8px 16px;
		    text-decoration: none;
		    transition: background-color .3s;
		    cursor: pointer;
		    border: 1px solid #D4D4D4;
		    background-color: white;
		}

		.pagination div.active {
		    background-color: #949494;
		    color: white;
		    border: 1px solid #949494;
		}

		.pagination div:hover:not(.active) {background-color: #ddd;}

		.publishing-progress-mask {
		    position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.7);
		}

		.progress-action-name {
		    top: 0;
			left: 0;
            margin-top: 10px;
            margin-left: 15px;
            margin-right: 120px;
            float: right;
		    height: 40px;
            text-align: left;
            color: #FFF;
		}

		.progress-action-name-big {
		    position:absolute;
		    top: 0;
			left: 0;
			width: 100%!important;
            margin-top: 40px;

            margin-left: 40px;
		    height: 40px;
            color: #FFF;
            padding-right: 80px;
		}



		.progress-action-progress {
		    position: absolute;
		    font-family: 'Raleway', sans-serif;
		    font-size: 28px;
		    margin-top: 15px;
            margin-left: 0px;
            font-weight: bold;
		    top: 0;
			left: 0;
			width: 100%;
		    height: 40px;
            text-align: right;
            color: #FFF;
            padding-right: 15px;
		}

		.progress-action-progress-big {
		    position: absolute;
		    font-family: 'Raleway', sans-serif;
		    font-size: 78px;
		    margin-top: 80px;
            margin-right: 60px;
            font-weight: bold;
		    top: 0;
			left: 0;
			width: 100%;
		    height: 40px;
            text-align: right;
            color: #FFF;
            padding-right: 40px;
		}

		.project {
			position: relative;
			float: left;
			width: 25%;
			padding: 0 15px;
			margin-bottom: 30px;
			font-size: 11px;
		}
        .project-cover {
			position: relative;
			float: left;
			width: 25%;
			padding: 0 15px;
			margin-bottom: 30px;
			font-size: 11px;
		}

		.project-content {
			position: relative;
			border: 1px solid #CCC;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}

		#dashboard-videos .project-content {
			border: none;
			background-color: #000;
		}

		#dashboard-videos .project-content.dashboard-add-video {
			background-color: #BBB;
		}

		.project-content .button {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -15px;
			margin-left: -60px;
		}

		.project-bg {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.4);
		}

		.project-veil {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.3);



		    -webkit-transition: background-color .3s;
		    -moz-transition: background-color .3s;
		    -o-transition: background-color .3s;
		    transition: background-color .3s;
		}

		.project-meta {
			position: absolute;
			width: 100%;
			height: 80px;
			left: 0;
			bottom: 0;
			background-color: #FFF;
			padding: 15px;
			overflow: hidden;
			line-height: 17px;



		    -webkit-transition: height .3s;
		    -moz-transition: height .3s;
		    -o-transition: height .3s;
		    transition: height .3s;
		}

		.project-meta-block {
			position: relative;
			display: block;
			clear: both;
			overflow: hidden;
		}

		.project-title {
			font-weight: 600;
			position: relative;
			float: left;
			color: #313131;
			text-transform: uppercase;
			width: 85%;
			height: 68px;
			overflow: hidden;
		}

		.project-name {
			cursor: pointer;
		}

		.project-name-static {
			position: relative;
			width: 100%;
			height: auto;
		}

		.project:hover .project-name-static {
			border-bottom: 1px dotted #e2e2e2;
			padding-right: 10px;
		}

		.no-tabs-project:hover .project-name-static, .no-tabs-project-list:hover .project-name-static {
			height: 16px;
			overflow: hidden;
			padding-right: 10px;
		}

		.no-tabs-project-list .project-name-static {
			height: 20px;
		}

		.no-tabs-project-list:hover .project-name-static {
			border-bottom: 1px dotted;	
			height: 20px;
		}

		.project-name-pencil {
			position: absolute;
			width: 30px;
			height: 17px;
			top: 0;
			right: -5px;
			background-repeat: no-repeat;
			background-position: right center;
			background-size: contain;
			background-image: url(../img/icon-pencil.png);
			opacity: 0;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.no-tabs-project-list .project-name-pencil {
			right: 0;
		}

		.project:hover .project-name-pencil, .no-tabs-project:hover .project-name-pencil, .no-tabs-project-list:hover .project-name-pencil {
			opacity: 1;
		}

		.project-name-dynamic {
			position: relative;
			width: 100%;
			height: 34px;
			display: none;
		}

		.no-tabs-project .project-name-dynamic {
			height: 32px;
		}

		.no-tabs-project-list .project-name-dynamic {
			height: 20px;
		}

		.project-name-dynamic textarea {
			position: relative;
			width: 100%;
			height: 36px;
			font-weight: 600;
			text-transform: uppercase;
			color: #313131;
			letter-spacing: 1px;
			font-size: 11px;
			overflow: hidden;
			padding: 0 2px;
			line-height: 17px;
		}

		.no-tabs-project .project-name-dynamic textarea {
			height: 32px;
			line-height: 15px;
		}

		.no-tabs-project-list .project-name-dynamic textarea {
			height: 20px;
			line-height: 20px;
		}

		.project:hover .project-name-dynamic {
			display: none;
		}

		.project-subtitle {
			font-family: 'Fira Sans', sans-serif;
			color: #818181;
			text-transform: none;
		}

		.project-meta .project-views {
			display: none;
		}

		.project:hover .project-subtitle {
			display: none;
		}

		.project:hover .project-views {
			display: block;
		}

		.dashboard-project-status {
			position: relative;
			float: right;
			width: 24px;
			height: 24px;
			border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%;
			overflow: hidden;
			background-color: #999;
			color: #FFF;
			font-size: 13px;
			line-height: 24px;
			text-align: center;
		}

		#header-bottom-main .dashboard-project-status {
			float: left;
			margin-top: 2px;
			margin-right: 8px;
		}

		.dashboard-project-status img {
			width: 16px;
			height: auto;
		}

		.project-status {
			position: relative;
			background-color: #d4d4d4;
			float: right;
			width: 12px;
			height: 12px;
			border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;
			cursor: pointer;
		}


		.field-enabler {
			float: right;
		}

		.project-status.inactive {
			opacity: 0.4;
			cursor: default;
		}

		.project-status-publishing{
			position: relative;
			float: right;
			width: 12px;
			height: 12px;
		}

		.settings-header .project-status {
			width: 24px;
			background-color: #e2e2e2;
			margin-top: 4px;
		}

		.dashboard-content-stats .project-status, .dashboard-content-stats .project-status-publishing {
			width: 12px;
		}

		.project-status.short {
			width: 12px;
		}

		.project-changestatus {
			position: relative;
			float: left;
			width: 12px;
			height: 12px;
			border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;
			overflow: hidden;
		}

		.dashboard-content-stats .project-changestatus {
			float: none;
			position: absolute;
			cursor: default;
		}

		.project-storage {
			position: absolute;
			bottom: 0;
			right: 0;
			color: #B2B2B2;
			font-weight: 600;
		}

		.project-unpublished {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #999;
			cursor: default;
		}

		.dashboard-project-status .project-unpublished {
			padding-top: 1px;
		}

		.project-prepublished {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #666;
			cursor: default;
		}

		.project-unpublishing {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #ff8000;
			cursor: default;
		}

		.project-unavailable {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #C33;
			cursor: default;
		}

		.project-published {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #009933;
			cursor: default;
		}

		.dashboard-project-status .project-published {
			padding-top: 1px;
			cursor: pointer;
		}

		.project-shared {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #FFF;
			cursor: default;
		}

		.project-publishing{
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #ff8000;
			cursor: default;
		}

		.project-config {
			position: absolute;
			width: 100%;
			height: 20px;
			left: 10px;
			bottom: 10px;
			opacity: 0;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.project-hq {
			position: absolute;
			right: 10px;
			bottom: 10px;
			font-weight: 600;
			opacity: 0.3;
		}

		.project-hq.active {
			opacity: 1;
		}

		.project-update-dashboard {
			position: absolute;
			right: 10px;
			bottom: 10px;
			font-weight: 600;
			opacity: 1;
			text-decoration: underline;
			cursor:pointer;
		}

		.project-button {
			position: relative;
			float: left;
			width: 20px;
			height: 20px;
			cursor: pointer;
			margin-right: 2px;
			font-size: 12px;
			text-align: center;
			color: #D4D4D4;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.project-button:hover {
			color: #FFF;
		}

		.project-buttons .project-button {
			font-size: 14px;
		}

		.project-config i {
			margin: 0 auto;
			line-height: 20px;
			width: 20px;
			height: 20px;
		}

		.project-config .project-button {
			border: 1px solid;
			color: #656565;
		}

		.project-config .project-button.inactive {
			color: #d4d4d4;
			cursor: default;
		}

		.project-config .shared-button.inactive {
			color: #d4d4d4;
			cursor: pointer;
		}

		.project-config .project-button.inactive a {
			cursor: default;
		}

		.project-config .project-button.inactive:hover {
			color: #d4d4d4;
		}

		.project-config .project-button:hover {
			color: #505050;
		}

		.project-config .shared-button {
			font-size: 8px;
		}

		.project-link a {
			color: inherit;
		}

		.project-avatar {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 20px;
			height: 20px;
			border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;
			overflow: hidden;
		}

		.project-avatar img {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.project:hover .project-avatar {
			display: none;
		}

		.team-avatar {
			width: 40px;
			height: 40px;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
			overflow: hidden;
		}

		.team-avatar img {
			width: 100%;
			height: 100%;
		}

		.project-plan {
			position: absolute;
			bottom: 10px;
			left: 10px;
			width: 20px;
			height: 20px;
			border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px;
			overflow: hidden;
			background-color: #999;
			text-align: center;
			font-weight: 600;
			color: #FFF;
		}

		.project-plan.yellow {
			background-color: #cfaa3e;
		}

		.project-plan.red {
			background-color: #cf5842;
		}

		.project:hover .project-plan {
			display: none;
		}

		.project-plan-item {
			display: inline-block;
		}

		.project-plan-item.text {
			line-height: 20px;
		}

		.project-current-views {
			position: absolute;
			bottom: 0;
			left: 30px;
			line-height: 20px;
			color: #999;
			text-transform: uppercase;
		}

		.project:hover .project-current-views {
			display: none;
		}

		.project-edit {
			opacity: 0;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.project-edit.project-edit-demotrial {
			opacity: 1;
		}

		.project-edit .button {
			margin-top: -63px;
			background-color: #FFF;
			z-index: 100;
		}

		#dashboard-projects-grid .project-edit .button:first-child {
			margin-top: -73px;
		}

		#dashboard-projects-grid .project-edit .button:last-child {
			margin-top: -33px;
		}

		#dashboard-videos .project-edit .button {
			margin-top: -15px;
		}

		.project:hover .project-edit {
			opacity: 1;
		}

		.project-buttons {
			position: absolute;
			top: 15px;
			right: 10px;
			text-align: right;
			color: #D4D4D4;
		}

		.project-buttons-actions {
			display: none;
		}

		.project-buttons-device {
			font-weight: 600;
			padding: 0 5px 0 7px;
			font-size: 14px;
			line-height: 16px;
			text-align: center;
		}

		.project:hover .project-buttons-device {
			display: none;
		}

		.project:hover .project-buttons-actions {
			display: block;
		}

		.project-buttons .project-button {
			float: none;
			display: inline-block;
			width: 16px;
			height: 16px;
			margin: 0;
		}

		.project-button-mobile {
			background-image: url(../img/icon-mobile.png);
		}

		.project-button-desktop {
			background-image: url(../img/icon-desktop.png);
		}

		.project-button-archive {
			background-image: url(../img/icon-archive.png);
		}

		.project-button-duplicate {
			background-image: url(../img/icon-duplicate.png);
		}

		.project-button-delete {
			background-image: url(../img/icon-delete.png);
		}

		.screen-add-new {
			position: relative;
			float: left;
			width: 25%;
			padding: 0 15px;
			margin-bottom: 30px;
		}

		.screen-add-new-content {
			position: relative;
			width: 100%;
			background-color: #f4f4f4;
			cursor: pointer;
		}

		.screen-add-new-content:hover {
			box-shadow: 0px 0px 30px rgba(0,0,0,0.3);
		}

		.screen-add-new-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -40px;
			margin-left: -30px;
			width: 64px;
			height: 64px;
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url(../img/new-screen-icon.png);
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
		}

		.screen-add-new-text {
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: 30px;
			width: 100%;
			text-align: center;
			font-weight: 600;
			color: #313131;
		}

		.drag-drop-full {
			position: relative;
			clear: both;
			width: 100%;
			height: 400px;
			padding: 10px;
			border: 1px dashed #999;
		}

		.drag-drop-full-content {
			position: relative;
			clear: both;
			width: 100%;
			height: 100%;
			background-color: #e2e2e2;
		}

		.dashboard-menu-archive {
			padding: 10px 0;
		}

		.dashboard-archive-title {
			position: relative;
			display: inline-block;
			color: #313131;
			border-bottom: 1px solid;
			margin-right: 10px;
		}

		.dashboard-archive-count {
			position: relative;
			display: inline-block;
			color: #656565;
		}

		.dashboard-list {
			position: relative;
			width: 100%;
			margin-top: 20px;
			margin-bottom: 30px;
			overflow: hidden;
		}

		.archive-project {
			height: 50px;
			margin-bottom: 10px;
		}

		.archive-project-content {
			background-color: #E2E2E2;
			border: 1px solid #CCC;
			position: relative;
			height: 100%;
			overflow: hidden;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.archive-project-content:hover {
			background-color: #FFF;
		}

        .project-stats-header{
        }

        .project-stats-body{
            margin-top: 50px;
        }

        .project-stats-body .container{
            overflow: auto;
            display: block;
            white-space:nowrap;
            padding-left: 0px;
            width: 100%;
        }

		.project-stats-module-left {
			position: relative;
			float: left;
			overflow: hidden;
            padding: 5px 5px 0 5px;
            color: #333333;
		}

		.project-stats-module-right{
		    float: right;
		    position: relative;
			padding: 0 5px;
		}

		#lead-stats .project-stats-module-right {
 			margin-top: 16px; 
 			margin-right: 8px;
		}

		.project-stats-leads-switch {
			position: relative;
			float:  right;
			margin-left: 10px;
		}

		#dropdown-stats.dropdown-menu.dropdown-menu-right{
            width:300px;
            padding-left:20px;
            clear: both; margin: 20px 0 10px;
            height: 300px;
            overflow-y: auto;
		}

		.list-stats-item{
            display:block; padding: 5px;
            padding-bottom:10px;
		}

		.list-stats-header{
            padding:5px;
            margin-top 15px;
		}

		.list-stats-checkbox{
		    margin-right: 15px !important;
		}

		.list-stats{
		    padding: 0;
		}

        .btn-sm-stats{
            font-size: 11px;
            letter-spacing: 1px;
            background-color: transparent !important;
            border: 1px solid #80808069;
            border-radius: 8px;
            padding: 6px 30px;
            background-repeat: no-repeat;
			background-position: right 20px center;
            background-image: url(../img/ico_download.png);
            color: #313131;
            padding-right:40px;
            font-weight: 600;
            outline: 0;
        }

        .btn-sm-stats:hover{
            background-color: #ddd !important;
            border: 1px solid #80808069;
            border-radius: 8px;
            color: #313131;
        }

        .btn-sm-colummns{
            font-size: 11px;
            letter-spacing: 1px;
            border: 1px solid #80808069;
            border-radius: 8px;
            padding: 6px 30px;
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-image: url(../img/ico_down.png);
            color: #313131;
            padding-right:40px;
            font-weight: 600;
            outline: 0;
        }

        #stats-dropdown{
            background-color: #D4D4D4 !important;
            border: 1px solid #80808069;
            border-radius: 8px;
            font-weight: bold;
            color: #313131;
            background-repeat: no-repeat;
            background-position: right 20px center;
            background-image: url(../img/ico_down.png);
        }

        #projects_stats_slider {
            background-color: #bcbcbc;
        }

        #stats_table th, td{
            min-width:190px;
            max-width:190px;
            border-color:#999999;
            overflow:hidden;
        }

        #stats_table tbody>tr:nth-child(odd)>td{
            background-color: #e2e2e2;
        }

        #stats_table tbody>tr:nth-child(even)>td{
            background-color: #d4d4d4;
        }

        #stats_table thead>tr{
            background-color:#333333;
            color:white;
        }

        .leads-stats-title{
            font-size: 12px;
            font-weight: 600;
            margin:8px 5px;
            letter-spacing: 1px;
        }

        .leads-stats-content{
            margin: 56px 200px 0 100px;
            width: 90%;

        }

        #lead-stats-main{
            overflow:hidden;
        }

        #lead-stats{
            background-color: #e4e4e4;
            display:block;
            color: #313131;
            overflow-y: auto;
        }

        .slides-header-subname{
            color: #b2b2b2;
            padding-left: 8px;
        }

        .leads-stats-table-container{
            overflow: auto;
        }

        .leads-stats-table-container-delete{
            overflow: hidden;
        }

        #funnel-stats-table {
            border-collapse:separate;
            border-spacing:4px;
            border-color: #e4e4e4;
            color: #474747;
            font-size: 12px;
            width: auto;
        }

        #leads-stats-table {
            border-collapse:separate;
            border-spacing:4px;
            border-color: #e4e4e4;
            color: #474747;
            font-size: 12px;
        }

        #leads-stats-table th, td{
            min-width:190px;
            max-width:190px;
            border-color:#e4e4e4;
            overflow:hidden;
            font-weight:400;
        }

        #leads-stats-table tbody>tr:nth-child(odd)>td{
            background-color: #f7f7f7;
        }

        #leads-stats-table tbody>tr:nth-child(even)>td{
            background-color: #ececec;
        }

        #leads-stats-table thead>tr{
            background-color:#474747;
            color:white;
        }

        #leads-stats-table td .resend {
        	cursor: pointer;
        	text-decoration: underline;
        }

        #leads-stats-table td span {
        	display: block;
        	line-height: 14px;
        }

        #leads-stats-delete {
            border-collapse:separate;
            border-spacing:4px;
            border-color: #e4e4e4;
            color: #474747;
            font-size: 12px;
        }

        #leads-stats-delete td {
        	padding: 5px 0;
        }

        #leads-stats-delete td>a{
            cursor:pointer;
        }

        #leads-stats-delete th{
            height: 35px;
            border-color:#e4e4e4;
            overflow:hidden;
            font-weight:400;
        }

        #leads-stats-delete td{
            min-width:190px;
            max-width:190px;
            border-color:#e4e4e4;
            overflow:hidden;
            font-weight:400;
        }

        #leads-stats-delete tbody>tr>td{
            background-color: transparent;
            border-color: transparent;
        }

        #leads-stats-delete thead>tr{
            background-color:transparent;
            color:white;
        }

        .leads-stats-icon {
        	position: relative;
        	display: block;
        	float: left;
        	width: 20px;
        	height: 20px;
        	background-position: center center;
        	background-repeat: no-repeat;
        	background-size: contain;
        	cursor: pointer;
        	border-bottom: 0 !important;
        }

        .leads-stats-icon-delete {
        	background-image: url(../img/papelera_ico.png);
        	background-size: 13px 16px;
        }

        .leads-stats-icon-edit {
        	margin-right: 4px; 
        	background-image: url(../img/icon-pencil.png);
        }

        #funnel-stats-table th, td{
            min-width:190px;
            max-width:190px;
            border-color:#e4e4e4;
            overflow:hidden;
            font-weight:400;
        }

        #funnel-stats-table tbody>tr>td:nth-child(1){
            font-weight: 500;
        }

        #funnel-stats-table tbody>tr:nth-child(odd)>td{
            background-color: #f7f7f7;
        }

        #funnel-stats-table tbody>tr:nth-child(even)>td{
            background-color: #ececec;
        }

        #funnel-stats-table thead>tr{
            background-color:#474747;
            color:white;
        }


		.archive-project-module {
			position: relative;
			float: left;
			margin: 15px 0;
			overflow: hidden;
			padding: 0 5px;
		}

		.archive-project-module a {
			color: inherit;
			border-bottom: 1px solid;
		}

		#dashboard-filters .archive-project-module {
			margin:  0;
			font-weight: 600;
			text-align: center;
			color: #313131;
			width: 15%;
			cursor: pointer;
		}

		.archive-project-device {
			font-weight: 600;
			color: #999;
		}

		.archive-project-info {
			padding-left: 0;
		}

		.archive-project-meta {
			margin: 0;
			padding-right: 5px !important;
			padding-left: 0
		}

		.archive-project-meta .archive-project-module {
			float:right;
            padding:0px;
            margin:10px 0;
		}



		.project-stats-id {
			margin-right: 10px;
		}

        .only-leads {
            margin-right:10px !important;
		}

		.switch {
          position: relative;
          display: inline-block;
          width: 36px;
          height: 18px;
          margin: 6px 4px;
        }

        .text-switch{
        	line-height:30px;
            letter-spacing:0px;
            float: right;
            margin-left: 4px;
        }

        .switch input {display:none;}

        .slider {
          position: absolute;
          cursor: pointer;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: #cccccc;
          -webkit-transition: .4s;
          transition: .4s;
        }

        .slider:before {
          position: absolute;
          content: "";
          height: 18px;
          width: 18px;
          left: 0px;
          bottom: 0px;
          background-color: grey;
          -webkit-transition: .4s;
          transition: .4s;
        }

        input:checked + .slider {
          background-color: #cccccc;
        }

        input:focus + .slider {
          box-shadow: 0 0 1px #2196F3;
        }

        input:checked + .slider:before {
          -webkit-transform: translateX(18px);
          -ms-transform: translateX(18px);
          transform: translateX(18px);
          background: #4CAF50
        }

        /* Rounded sliders */
        .slider.round {
          border-radius: 34px;
        }

        .slider.round:before {
          border-radius: 50%;
        }

		.project-stats-id a {
			color: #666;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.project-stats-id a:hover {
			color: #313131;
		}

		.archive-project .project-button {
			color: #656565;
			font-size: 14px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.archive-project .project-button:hover {
			color: #505050;
		}

		.archive-project .project-button.inactive {
			color: #d4d4d4;
			cursor: default;
		}

		.archive-project .shared-button.inactive {
			cursor: pointer;
		}

		.archive-project .project-button.inactive a {
			cursor: default;
		}

		.archive-project .project-button.inactive:hover {
			color: #d4d4d4;
		}

		.archive-project .project-title {
			width: auto;
		}

		.archive-project .shared-button {
			font-size: 10px;
		}

		.archive-project .project-subtitle {
			width: auto;
			float: left;
		}

		.archive-project .archive-project-buttons {
			float: right;
			margin-right: 7px;
			opacity: 0;
			margin-top: 6px;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.archive-project:hover .archive-project-buttons {
			opacity: 1;
		}

		.archive-project .archive-project-buttons .project-button {
			margin-right: 2px;
		}

		.archive-project .project-status {
			margin-top: 19px;
			padding: 0;
		}

		.archive-project-storage {
			color: #B2B2B2;
			font-weight: 600;
			margin-top: 0;
			margin-bottom: 0;
		}

		.archive-project .button-separator {
			position: relative;
			float: left;
			margin: 8px 3px 8px 0;
			height: 24px;
			width: 1px;
			background-color: #999;
		}

		.dashboard-published .archive-project-content {
			padding-left: 0;
		}

		.archive-project-band {
			position: relative;
			float: left;
			width: 10px;
			height: 40px;
			margin-right: 5px;
		}

		.project-info-content {
			position: relative;
			display: inline;
		}

		.dashboard-published .project-updated {
			text-transform: uppercase;
		}

		.dashboard-published .project-title {
			width: 40%;
			height: 20px;
			margin: 15px 0;
			cursor: pointer;
			padding: 0 10px;
		}

		.dashboard-published .project-pro {
			width: 10%;
			color: #FFF;
			text-align: center;
			margin: 0;
			background-color: #999;
			height: 50px;
			padding: 10px 0;
			font-size: 14px;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.dashboard-published .project-pro img {
			display: block;
		}

		.dashboard-published .project-pro.yellow {
			background-color: #cfaa3e;
		}

		.dashboard-published .project-pro.red {
			background-color: #cf5842;
		}

		.dashboard-published .project-updated {
			width: 15%;
			text-align: center;
		}

		.dashboard-published .project-views {
			width: 10%;
		}

		.dashboard-published .project-views.yellow {
			color: #cfaa3e;
		}

		.dashboard-published .project-views.red {
			color: #cf5842;
		}

		.dashboard-published .project-stats {
			width: 15%;
			text-align: center;
		}

		.dashboard-published .project-author {
			width: 20%;
		}


		/*	Templates 	*/

		#templates-new {
			position: relative;
			float: left;
			width: 32px;
			height: 40px;
			margin-left: 5px;
			background-repeat: no-repeat;
			background-position: 0 2px;
			background-image: url(../img/templates-new.png);
		}

		.templates-grid {
			position: relative;
		}

		.template {
			position: relative;
			float: left;
			width: 33.33%;
			height: auto;
			padding: 15px;
			color: #313131;
		}

		.template.template-sector {
			cursor: pointer;
		}

		.popupTemplate .template {
			color: #313131;
		}

		.template-content {
			position: relative;
		}

		.template-bg {
			position: relative;
			width: 100%;
			padding-bottom: 56.25%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			text-align: center;
		}

		.template.template-empty .template-bg {
			background-image: url(../img/blank-project-cover.jpg);
		}

		.template-bg-transparent {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(255, 255, 255, 0.4);
			display: block;
		}


		.template-buttons a {
			border-bottom: 1px solid white;
		}

		.template-buttons-disabled a {
			border-bottom: 1px solid white;
		}


		.template-bg .template-upgrade-text {
		    position: absolute;
			color: white;
			font-size: 10px;
			top: 80%;
			width: 100%;
			height: 20%;
			background-color: #313131;
			text-align: center;
			opacity: 0;

			-webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.template-bg .template-buttons {
			position: absolute;
			width: 100%;
			height: 100%;
			opacity: 0;

		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.template-bg  .template-buttons-disabled {
			position: absolute;
			width: 100%;
			height: 80%;
			background-color: #313131;
			opacity: 0;

		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.template:hover .template-bg .template-buttons {
			opacity: 1;
		}

	    .template:hover .template-bg .template-buttons-disabled {
			opacity: 1;
		}

	    .template:hover .template-bg .template-upgrade-text {
			opacity: 1;
		}

		.template-bg .button-template {
			position: absolute;
			width: 100%;
			text-align: center;
			top: 50%; 
			margin-top: -35px;
			left: 0;
			text-align: center;
		}


		.template-bg .button-template:last-child {
			margin-top: 5px;
		}

		.template.template-empty .template-bg .button-template, .template.template-empty .template-bg .button-template:last-child {
			margin-top: -15px;
		}

		.template-bg .button {
			display: inline-block;
			width: auto;
			padding: 0 10px;
			width: 150px;
		}

		.template-content-text {
			position: relative;
			height: 40px;
			padding-top: 10px;
		}

		.template-name {
			position: relative;
			width: 100%;
			padding-right: 20px;
			text-transform: uppercase;
			line-height: 15px;
			font-weight: 600;
		}

		.template-link {
			position: absolute;
			right: 0;
			top: 10px;
		}

		.template-date {
			position: relative;
			color: #CCC;
			font-size: 9px;
			line-height: 15px;
		}

		.template:hover .template-date {
			display: none;
		}

		.template-description {
			position: relative;
			color: #CCC;
			font-size: 9px;
			line-height: 15px;
		}

		.popupTemplate .template-description {
			color: #313131;
		}

		.template-sector .project-veil {
			background-color: rgba(0,0,0,0.5);
		}

		.template-sector:hover .project-veil {
			background-color: rgba(0,0,0,0.3);
		}

		.template-sector-name {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 20px;
			text-align: center;
			color: #FFF;
			font-weight: 600;
			font-size: 18px;
			letter-spacing: 1px;
		}

		.template-sector-name-content {
			position: relative;
			width: 100%;
			height: 100%;
			border: 1px solid transparent;
			color: #d4d4d4;



		    -webkit-transition: color .5s, border-color .5s;
		    -moz-transition: color .5s, border-color .5s;
		    -o-transition: color .5s, border-color .5s;
		    transition: color .5s, border-color .5s;
		}

		.template-sector:hover .template-sector-name-content {
			border-color: #FFF;
			color: #FFF;
		}

		.template-sector-name-text {
			position: relative;
			width: 100%;
			height: 18px;
			line-height: 18px;
			top: 50%;
			margin-top: -9px;
		}


		/*	Catalogue 	*/

		.catalogue {
			position: relative;
			float: left;
			width: 25%;
			height: auto;
			padding: 15px;
		}

		.catalogue-block {
			position: relative;
		}

		.catalogue-bg {
			position: relative;
			width: 100%;
			padding-bottom: 56.25%;
			cursor: pointer;
		}

		.catalogue-carousel {
			position: absolute;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

		.catalogue-carousel-image {
			position: relative;
			float: left;
			width: 100%;
			height: 100%;
		}

		.catalogue-carousel-image img {
			display: block;
			width: 100%;
			height: 100%;
		}

		.catalogue-play {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -20px;
			margin-left: -20px;
			width: 40px;
			height: 40px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url(../img/play_player.png);
			background-size: contain;
		}

		.catalogue-content {
			position: relative;
			width: 100%;
			height: 112px;
			background-color: #FFF;
			padding: 8px 16px;
		}

		#dashboard-examples .catalogue-content {
			height: 60px;
		}

		.catalogue-subtitle {
			position: relative;
			color: #999;
			font-size: 10px;
			line-height: 20px;
			text-transform: uppercase;
		}

		.catalogue-title {
			position: relative;
			font-weight: 600;
			text-transform: uppercase;
			font-size: 11px;
			line-height: 16px;
		}

		.catalogue-button {
			position: absolute;
			bottom: 16px;
			left: 16px;
			background-color: #313131;
			color: #d4d4d4;
			border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; -ms-border-radius: 3px;
			padding: 0 16px;
			height: 24px;
			line-height: 24px;
			cursor: pointer;
			opacity: 0;



		    -webkit-transition: color .5s, background-color .5s, opacity .5s;
		    -moz-transition: color .5s, background-color .5s, opacity .5s;
		    -o-transition: color .5s, background-color .5s, opacity .5s;
		    transition: color .5s, background-color .5s, opacity .5s;
		}

		.catalogue-button:hover {
			color: #FFF;
			background-color: #000;
		}

		.catalogue:hover .catalogue-button {
			opacity: 1;
		}

		.catalogue-icon {
			position: absolute;
			bottom: 16px;
			right: 16px;
			width: 24px;
			height: 24px;
			background-color: #CCC;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			background-image: url(../img/ico-marketplace-link.png);
			border-radius: 50%; webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
			opacity: 0;
			cursor: pointer;



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		.catalogue:hover .catalogue-icon {
			opacity: 1;
		}

		#catalogue-preview {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.7);
			display: none;
			z-index: 1000;
		}

		#catalogue-preview-content {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		#catalogue-preview-content-video {
			position: relative;
			width: 80%;
			max-width: 1170px;
		}

		#catalogue-preview-video {
			width: 100%;
			padding-bottom: 56.25%;
		}

		#catalogue-preview-video iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			border: 0;
		}



		/*	Teams	*/

		#team-list {
			width: 300px;
			padding: 15px;
			background-color: #EEEEEE;
			display: none;
			z-index: 1000;
			position: absolute;
			top: 60px;
			right: 0;
			text-align: left;
		}

		.team-list-content {
			position: relative;
			clear: both;
			width: 100%;
			padding: 0;
		}

		#team-list-content select {
			text-transform: uppercase;
			width: 70px;
		}

		.team-header {
			position: relative;
			clear: both;
			overflow: hidden;
			padding-bottom: 10px;
			border-bottom: 1px solid #999;
		}

		.team-item {
			position: relative;
			clear: both;
			height: 40px;
			width: 100%;
			padding: 5px 0;
			border-bottom: 1px solid #999;
		}

		.team-item a {
			color: inherit;
		}

		.team-item-user-info {
			position: relative;
			float: left;
			width: 290px;
		}

		.team-item-avatar {
			position: relative;
			float: left;
			width: 30px;
			height: 30px;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
			overflow: hidden;
		}

		.team-item-avatar-img {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}

		.team-item-avatar-name {
			color: #D4D4D4;
			font-family: 'Fira Sans', sans-serif;
			text-align: center;
			line-height: 30px;
			background-color: #313131;
			text-transform: uppercase;



		    -webkit-transition: color .5s, background-color .5s;
		    -moz-transition: color .5s, background-color .5s;
		    -o-transition: color .5s, background-color .5s;
		    transition: color .5s, background-color .5s;
		}

		/*.team-item-avatar-name:hover {
			color: #FFF;
			background-color: #262626;
		}*/

		.team-item-avatar img {
			position: relative;
			width: 100%;
			height: 100%;
			display: block;
		}

		.team-item-name {
			position: relative;
			clear: both;
			line-height: 30px;
			width: 100%;
			cursor: pointer;
			margin-left: 5px;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.team-header .team-item-name, #popup-team .team-item-name {
			width: auto;
			float: left;
			clear: none;
			margin-left: 10px;
			color: #313131;
			cursor: default;
		}

		.team-item-team-name {
			position: relative;
			clear: both;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 0;
			margin-top: 8px;
		}

		.team-item-user-info.pending .team-item-name {
			margin-left: 5px;
			width: 190px;
		}

		.team-item-user-pending {
			position: relative;
			float: right;
			width: 95px;
			color: #999;
			text-align: right;
			line-height: 30px;
			font-style: italic;
			padding-right: 5px;
		}

		.team-item-name:hover {
			color: #313131;
		}

		.team-header .team-item-name:hover {
			color: #313131;
		}

		.team-item-selection {
			position: relative;
			float: right;
			width: 10px;
			height: 10px;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
			margin-left: 5px;
			margin-top: 10px;
			background-color: #CCC;
			overflow: hidden;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.team-item-selection:hover {
			background-color: #A9A9A9;
			cursor: pointer;
		}

		.team-item-selected {
			position: relative;
			width: 100%;
			height: 100%;
			background-color: #009933;
		}
		
		#team-list-buttons {
			position: relative;
			clear: both;
			overflow: hidden;
			margin-top: 20px;
		}

		.team-item-buttons {
			position: relative;
			float: right;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.team-item-buttons:hover {
			color: #313131;
		}

		#team-list-buttons .trial {
			position: relative;
			float: left;
			font-style: italic;
			/*text-transform: uppercase;*/
			color: #AA3131;
			/*border-bottom: 1px solid;*/
			/*cursor: pointer;*/
			line-height: 17px;
			font-size: 10px;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		#team-list-buttons .views {
			position: relative;
			float: left;
			font-style: italic;
			/*text-transform: uppercase;*/
			/*color: #AA3131;*/
			/*border-bottom: 1px solid;*/
			/*cursor: pointer;*/
			line-height: 17px;
			font-size: 10px;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		#team-list-buttons .popup_nextobutton {
			position: relative;
			float: left;
			text-transform: uppercase;
			color: #313131;
			border-bottom: 1px solid;
			cursor: pointer;
			line-height: 17px;
			font-size: 10px;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		#team-list-buttons .popup_nextobutton:hover {
			color: #262626;
		}

		#team-list-buttons .popup_nextobutton:last-child {
			float: right;
		}

		.team-popup-input {
			position: relative;
			float: right;
			width: 100px;
			color: #373737;
			border: 0;
			background-color: #E2E2E2;
			height: 30px;
			font-size: 11px;
			font-family: 'Fira Sans', sans-serif;
			background-position: right center;
			background-image: url(../img/icon-pencil.png);
			background-repeat: no-repeat;
			letter-spacing: 1px;
		    


		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.team-popup-input-select {
			/*padding: 4px 10px;*/
			background-image: none;
		}

		#storage-alert {
			position: absolute;
			top: 20px; 
			right: 20px;
			color: #CA3538;
			cursor: pointer;
		}

		#storage-alert .dotted {
			border-bottom: 1px dotted;
		}

		#storage-alert i {
			font-size: 12px;
		}


	/*	Videos	*/

		#videos-menu {
			height: 20px;
		}

		.button-menu {
			color: #454545;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		.button-menu a {
			color: inherit;
		}

		.videos-menu .button-menu{
			display: inline-block;
			margin-left: 20px;
			line-height: 33px;
		}

		#dashboard-screen .button-menu {
			cursor: default;
		}

		.button-menu:hover {
			color: #000;
		}

		.screen-nav {
			position: relative;
			float: right;
			margin-left: 28px;
			line-height: 20px;
		}

		.screen-nav a {
			color: inherit;
		}

		.dashboard-video-content {
			position: relative;
			clear: both;
			width: 100%;
		}

		.dashboard-video-video {
			position: relative;
			clear: both;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.dashboard-video-video video {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.appearance-video-cover video {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.dashboard-video-resource {
			position: relative;
			clear: both;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.dashboard-video-resource video {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.dashboard-video-veil {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.dashboard-video-veil:hover{
		    background-color: rgba(0,0,0,0.4);
		}

		.dashboard-video-icon {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -20px;
			margin-left: -20px;
			width: 40px;
			height: 40px;
			cursor: pointer;
			background-repeat: no-repeat;
			background-position: 0 0;
			font-size: 32px;
			text-align: center;
			line-height: 40px;
			color: #FFF;
			display: none;
		}

		.dashboard-video-icon.dashboard-video-play {
			background-image: url(../img/play_pause_videos.png);
		}

		.dashboard-video-icon.dashboard-video-broken {
			display: block;
			color: #cfaa3e;
		}

		.dashboard-video-play.paused {
			background-position: 0 -40px;
		}

		.dashboard-video-meta {
			position: relative;
			clear: both;
			width: 100%;
			height: 40px;
			border-top: 1px solid #999;
			overflow: hidden;
		}

		.dashboard-video-name {
			position: relative;
			float: left;
			width: 80%;
			height: 38px;
			line-height: 38px;
		}
		.dashboard-video-position {
			position: relative;
			float: right;
			width: 20%;
			height: 38px;
			line-height: 38px;
		}


		.dashboard-video-type {
			position: relative;
			float: right;
			color: #d4d4d4;
			height: 39px;
			line-height: 39px;
			padding-right: 10px;
			text-align: right;
		}

		.dashboard-video-move{
			position: relative;
			float: right;
			height: 13px;
			text-align: right;
			margin-right: 10px;
			margin-top: 14px;
			opacity: 0;



		    -webkit-transition: opacity  .5s;
		    -moz-transition: opacity  .5s;
		    -o-transition: opacity  .5s;
		    transition: opacity  .5s;
		}

		.project-content:hover .dashboard-video-move {
			opacity: 1;
		}

		.dashboard-video-move-elem {
			position: relative;
			display: inline-block;
			cursor: pointer;
			padding: 0 3px;
			width: 13px;
			height: 13px;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			opacity: 0.7;




		    -webkit-transition: opacity  .5s;
		    -moz-transition: opacity  .5s;
		    -o-transition: opacity  .5s;
		    transition: opacity  .5s;
		}

		.dashboard-video-move-elem:hover {
			opacity: 1;
		}

		.dashboard-video-move-elem:last-child {
			padding-left: 4px;
			padding-right: 2px;
		}

		.dashboard-video-move-elem .fa-border {
			color: inherit;
		}

		#dashboard-video-move-timeline {
			background-image: url(../img/move_up.png);
		}

		#dashboard-video-move-left {
			background-image: url(../img/move_left.png);
		}

		#dashboard-video-move-right {
			background-image: url(../img/move_right.png);
		}

		.project:hover .dashboard-video-move {
			display: block;
		}

		.dashboard-add-video-bg {
			position: relative;
			width: 100%;
			height: 100%;
			padding: 10px;
		}

		.dashboard-add-video-content {
			position: relative;
			width: 100%;
			height: 100%;
			border: 1px dotted #313131;
			text-align: center;
		}

		.dashboard-add-video-content i {
			font-size: 64px;
		}

		.dashboard-add-video-main {
			position: absolute;
			width: 100%;
			top: 50%;
			margin-top: -100px;
			text-align: center;
		}

		.dashboard-add-file-support {
			position: absolute;
			display: inline-block;
			bottom: 20px;
			left: 0;
			width: 100%;
			cursor: pointer;
			text-align: center;
		}

		.dashboard-add-file-support a {
			position: relative;
			display: inline-block;
			color: inherit;
			border-bottom: 1px solid;
		}

		.add-video-image {
			position: relative;
			width: 61px;
			height: 41px;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			background-image: url(../img/nube.png);
		}

		.add-video-title {
			font-family: 'Fira Sans', sans-serif;
			font-size: 24px;
			color: #333;
			margin: 10px 0;
			line-height: 24px;
		}

		.add-video-title strong {
			font-weight: 600;
		}

		.add-video-text {
			line-height: 20px;
			font-size: 13px;
		}

		.add-video-button {
			font-weight: 600;
			padding: 5px 0;
			cursor: pointer;
			background-color: #373737;
			color: #d4d4d4;
			width: 130px;
			margin: 5px auto 0;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; 
		}

		#popup-upload-resource .add-video-title {
			font-size: 21px;
			margin: 18px 0 10px;
			line-height: 21px;
		}

		#popup-upload-resource .add-video-text {
			line-height: 18px;
			font-weight: 400;
			font-family: 'Fira Sans', sans-serif;
		}

		#popup-upload-resource .add-video-button {
			margin: 8px auto 0;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; 
		}

		.dashboard-modal {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 1000;
		}

		.dashboard-modal-bg {
			position: fixed;
			width: 100%;
			height: 100%;
		}

		.dashboard-modal-content {
			position: absolute;
			padding: 12px 0;
			box-shadow: 0 0 20px rgba(0,0,0,0.6);
			background-color: #FFF;
			z-index: 10000;
		}

		#dashboard-modal-user-content {
			width: 300px;
			padding: 15px;
			background-color: #fff;
			left: 80px;
			bottom: 16px;
			text-align: left;
		}

		.dashboard-modal-menu-item {
			position: relative;
			clear: both;
			font-weight: 500;
			color: #474747;
			line-height: 32px;
			height: 32px;
			padding-left: 14px;
			padding-right: 14px;
			font-size: 12px;
			cursor: pointer;




		    -webkit-transition: color  .5s;
		    -moz-transition: color  .5s;
		    -o-transition: color  .5s;
		    transition: color  .5s;
		}

		.dashboard-modal-menu-item:hover {
			color: #313131;
			background-color: #f7f7f7;
		}

		.dashboard-modal-menu-item a {
			color: #313131;
		}


	/*	Screens			*/

	.screens-menu {
		position: relative;
		clear: both;
		overflow: hidden;
	}

	.screens-menu .button-menu {
		cursor: pointer !important;
		color: #313131;
	}

	.screens-menu .screen-nav {
		cursor: pointer;
		color: #313131;
		margin-left: 20px;
	}

	.screens-menu .screen-nav.inactive {
		cursor: default;
		opacity: 0.3;
	}

	.screens-menu .right {
		padding-right: 0;
	}

	.dashboard-menu-interaction {
		position: relative;
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-bottom: 1px solid #BBB;
		color: #313131;
		text-indent: 10px;
		cursor: pointer;
	}

	.left-arrow-bg {
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../img/ico-screen-prev-clip.png);
		text-indent: 10px;
	}

	.right-arrow-bg {
		background-repeat: no-repeat;
		background-position: right center;
		background-image: url(../img/ico-screen-next-clip.png);
		padding-right: 10px;
	}

	.right-arrow-bg.right-arrow-section {
		padding-right: 0;
		text-indent: 10px;
		background-position: left center;
	}

	.right-arrow-accordion {
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../img/ico-screen-right-arrow.png);
		text-indent: 10px;
	}

	.screen-all-clips {
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../img/ico-screen-all-clips.png);
		text-indent: 20px;
	}

	.screen-add-clip {
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../img/ico-screen-add-clip.png);
		text-indent: 20px;
		margin-right: 30px;
	}

	.screen-add-clip-alt {
		background-repeat: no-repeat;
		background-position: 16px center;
		background-image: url(../img/ico-screen-add-clip.png);
		text-indent: 16px;
		margin-right: 30px;
		position: absolute;
        top: 0;
        right: 0;
        margin:0;
        border: 1px solid #bbb;
        padding: 3px 20px;
        line-height: 20px;
	}
    .screen-add-clip-alt:hover {
        background-color: #f9f9f9;
    }
	.dashboard-menu-item-action img {
		display: block;
		margin-top: 9px;
	}

    .screen-new-nav-bar{
    	position: relative;
    	clear: both;
        margin-top: 10px;
        cursor: pointer;
        color: #313131;
        margin-left: 25px;
        width: 100%;
        overflow: hidden;
    }

    .screen-new-nav-bar .screen-nav.inactive {
		cursor: default;
		opacity: 0.3;
	}

	/*	Initial screens	*/
        .interactive-screen{
            display: flex;
            flex-direction: row;
            word-wrap: break-word;
            position: relative;
        }

        #interactive-screen-example{
            position: relative;
            width: 100%;
            height: 640px;;
        }

        #interactive-screen-example-content{
            float: left;
            position: relative;
            width: 360px;
            height: 640px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            background-image: url(https://d31rlh1ggdopho.cloudfront.net/wp-content/uploads/2019/03/14113355/example_mobile.png);
        }

        #interactive-screen-example-right-module{
            position: relative;
            width: 60%;
            height: 640px;
            float: right;
            padding-top: 12%
        }

        .interactive-screen-example-title{
            font-size: 24px;
            line-height: 32px;
            letter-spacing: 2px;
            padding: 16px 0;
            display: inline-block;
            width: 100%;
            margin-bottom: 16px;
        }

        .interactive-screen-example-paragraph{
            margin-top: 16px;
            font-size: 14px;
            line-height: 14px;
            display: inline-block;
            width: 100%;
        }

        .interactive-screen-example-list{
            font-size: 16px;
            line-height: 36px;
            list-style: none;
        }
        .interactive-screen-example-list li::before{
            content: '✓';
            color: #339933; /* Change the color */
            font-weight: bold; /* If you want it to be bold */
            display: inline-block; /* Needed to add space between the bullet and the text */
            padding-right: 12px;
        }

        .interactive-screen-example-buttons{
            margin-top: 64px;
        }

        .interactive-screen-example-button-begin{
            position: relative;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #474747;
            letter-spacing: 1px;
            cursor: pointer;
            margin-left: 24px;
            padding: 0 20px;
            font-size: 12px;
            font-weight: 500;
            border-radius: 4px;
            width: 200px;
            text-align: center;
            background-color: #e5bd45;
        }
        .interactive-screen-example-button-tour{
            position: relative;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            color: #474747;
            letter-spacing: 1px;
            cursor: pointer;
            margin-left: 24px;
            padding: 0 20px;
            font-size: 12px;
            font-weight: 500;
            border-radius: 4px;
            width: 200px;
            text-align: center;
            border: 1px solid #b2b2b2;
        }

        #section-bigger-padding{
            padding-top: 128px;
        }

        #interactive-screen-example-content iframe{
            position: absolute;
            width: 245px;
            height: 434px;
            top: 86px;
            left: 57px;
        }

		.initial-screen {
			position: relative;
			clear: both;
			width: 100%;
			text-align: center;
			color: #313131;
		}

		.slides-edition-input-block .initial-screen {
			margin-top:  50px;
		}

		#initial-screen-absolute {
			margin-top: 50px;
		}

		#initial-screen-absolute .screen-add-new {
			height: 190px;
			width: 295px;
			display: flex;
			margin: 30px auto;
			float: none;			
		}

		.initial-background {
			position: relative;
			clear: both;
			width: 320px;
			height: 140px;
			margin: 20px auto;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
		}

		#initial-background-screens {
			background-image: url(../img/initial_screens.png);
		}

		#initial-background-stats {
			background-image: url(../img/fito_happy_light.png);
		}

		#initial-background-medias {
			background-image: url(../img/initial_medias.png);
		}

		#initial-background-rules {
			background-image: url(../img/initial_rules.png);
		}

		#initial-background-appearance {
			background-image: url(../img/initial_appearance.png);
		}

		#initial-background-settings {
			background-image: url(../img/initial_settings.png);
		}

		#initial-background-embed {
			background-image: url(../img/initial_embed.png);
		}

		#initial-background-videocreator {
			background-image: url(../img/initial_videocreator.png);
		}

		.initial-title {
			position: relative;
			clear: both;
			font-size: 24px;
			line-height: 100%;
		}

		.initial-text {
			position: relative;
			clear: both;
			margin: 10px 0 20px;
			font-size: 13px;
			line-height: 20px;
		}

		.initial-buttons {
			position: relative;
			width: 100%;
			margin: 30px 0 40px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			align-content: center;
		}

		.initial-button {
			position: relative;
			display: inline-block;
			width: 204px;
			height: 156px;
			background-color: #e2e2e2;
			cursor: pointer;
			margin: 0 10px;
			font-size: 11px;
			line-height: 20px;
			font-weight: 600;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.initial-button:hover {
			background-color: #FFF;
		}

		.initial-button img {
			position: relative;
			clear: both;
			display: block;
			margin-bottom: 15px;
		}

		.initial-small {
			position: relative;
			clear: both;
			font-size: 11px;
			line-height: 16px;
		}

		.initial-small a {
			border-bottom: 1px solid;
		}

		.hook-selection-content {
			position: relative;
			width: 632px;
			margin: 32px auto 0;
			font-weight: 400;
			font-size: 14px;
			text-align: left;
		}

		.hook-selection-content-label {
			position: relative;
			line-height: 20px;
			width: 100%;
		}

		.hook-selection-content input,
		.hook-selection-content select {
			position: relative;
			width: 100%;
			margin: 8px 0 16px !important; 
			height: 40px;
			line-height: 20px;
			padding: 8px 10px;
			border: 1px solid #666;
		}

		.hook-selection-content select {
			background-color: transparent;
			border-radius: 8px;
		}

		.hook-selection-content .button.external-button {
			width: 170px;
			height: 40px;
			line-height: 40px;
			font-size: 14px;
		}



	/*	Appearance	*/

		#appearance-preview {
			position: relative;
			width: 60%;
			float: right;
			padding-left: 15px;
		}

		#appearance-preview-header {
			position: relative;
			clear: both;
			width: 100%;
			height: 20px;
			overflow: hidden;
			line-height: 20px;
		}

		#appearance-preview nav {
			position: relative;
			float: left;
			width: 90%;
			height: 20px;
		}

		#appearance-preview .nav-item {
			position: relative;
			display: inline-block;
			margin-right: 30px;
			cursor: pointer;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}

		#appearance-preview .nav-item:hover {
			color: #313131;
		}

		#appearance-preview .nav-item.active {
			color: #313131;
			font-weight: 600;
		}

		#appearance-device {
			position: relative;
			float: right;
			text-align: right;
			width: 10%;
		}

		#appearance-device .project-button {
			float: none;
			display: inline-block;
			color: #666;
			font-size: 13px;
			width: auto;
			line-height: 20px;
			margin-right: 0;
			margin-left: 5px;
		}

		#appearance-device .project-button:last-child {
			font-size: 18px;
		}

		#appearance-device .project-button.active {
			color: #313131;
		}

		#appearance-screen {
			position: relative;
			clear: both;
			margin-top: 20px;
			width: 100%;
			background-color: #999;
		}

		#current-resource-shape {
			position: absolute;
			border:0px solid red;
			background:transparent;
			top: 0px;
			left: 0px;
			width: 0px;
			height: 0px;
			display: none;
		}

		#dashboard-screen #appearance-screen {
			margin: 0;
			background-color: #000;
			color: #FFF;
			font-size: 11px;
			letter-spacing: 2px;
			overflow: hidden;
		}

		.appearance-screen-section {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			display: none;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
		}

		#dashboard-screen .appearance-screen-section {
			display: block;
		}

		.appearance-screen-section.videos {
			background-position: center center;
			background-size: cover;
		}

		#appearance-screen-cover video {
			position: relative;
			width: 100%;
			height: 100%;
		}

		#appearance-image-cover {
			background-size: cover;
			background-image: url(../img/image.png) !important;
		}

		#appearance-image-cover video {
			position: relative;
			width: 100%;
			height: 100%;
		}

		#appearance-image-embed {
			background-size: cover;
		}

		.appearance-screen-cti-section {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-repeat: no-repeat;
			background-position: top left;
			background-size: contain;
		}

		.appearance-screen-cover-cti-text {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;
			color: #FFF;
			text-shadow: 1px 1px rgba(0,0,0,0.6);
			font-family: Arial, sans-serif;
			pointer-events: none;
			letter-spacing: 1px;
			background-color: rgba(0,0,0,0.2);
			overflow: hidden;
		}

		.appearance-cti-title {
			position: relative;
			font-size: 16px;
			font-weight: bold;
			line-height: 115%;
			margin-bottom: 9px;
			text-align: center;
		}

		.appearance-cti-text {
			position: relative;
			font-size: 9px;
			text-align: center;
			line-height: 115%;
		}

		.appearance-cti-button-text {
			position: relative;
			background-color: #FFF;
			color: #313131;
			padding: 5px 8px;
			margin-top: 16px;
			text-shadow: none;
			font-weight: bold;
			font-size: 6px;
			line-height: 100%;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		}

		#appearance-cti-cover {
			background-color: #000;
			background-size: contain;
		}

		.project-content .appearance-cti-title {
			font-size: 8.96px;
			margin-bottom: 5.15px;
		}

		.project-content .appearance-cti-text {
			font-size: 4.3px;
		}

		.project-content .appearance-cti-button-text {
			padding: 4.48px 6.94px;
			font-size: 3.36px;
			margin-top: 8.96px;
		}

		#appearance-screen .appearance-cti-title {
			font-size: 31px;
			margin-bottom: 17.8px;
		}

		#appearance-screen .appearance-cti-text {
			font-size: 17.8px;
		}

		#appearance-screen .appearance-cti-button-text {
			padding: 15.48px 24px;
			font-size: 11.61px;
			margin-top: 31px;
		}

		#dashboard-appearance .appearance-cti-title {
			font-size: 25.16px;
			margin-bottom: 14.47px;
		}

		#dashboard-appearance .appearance-cti-text {
			font-size: 14.47px;
		}

		#dashboard-appearance .appearance-cti-button-text {
			padding: 12.58px 19.5px;
			font-size: 9.43px;
			margin-top: 25.16px;
		}


		#appearance-screen-loading {
			position: relative;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		#appearance-screen #player_preload {
			z-index: 0;
		}

		#appearance-screen #player_preload_second {
			display: block;
			position: relative;
			overflow: hidden;
			background-color: transparent;
		}

		#appearance-screen #player_preload_int_image img {
			position: relative;
		}

		#appearance-screen #player_preload_progressbar_loaded {
			width: 50%;
		}

		#appearance-screen #player_footer {
			display: block;
		}

		#appearance-screen #player_floating {
			display: block;
			z-index: 0;
		}

		#appearance-screen #player_floating_safari {
			position: absolute;
			width: 133px;
			height: 50px;
		}

		#appearance-footer {
			position: absolute;
			width: 100%;
			height: 48px;
			left: 0;
			bottom: 0;
			background-color: rgba(0,0,0,0.2);



		    -webkit-transition: opacity .5s;
		    -moz-transition: opacity .5s;
		    -o-transition: opacity .5s;
		    transition: opacity .5s;
		}

		#appearance-content {
			position: relative;
			width: 40%;
			float: left;
			padding-right: 15px;
		}

		.appearance-content-section {
			position: relative;
			clear: both;
			width: 100%;
			padding: 10px 5px;
			color: #313131;
			border-bottom: 1px solid;
			overflow: hidden;
			display: none;
		}

		.appearance-content-header {
			position: relative;
			clear: both;
			width: 100%;
			height: 40px;
			line-height: 40px;
			border-bottom: 1px solid;
			color: #373737;
			padding-left: 5px;
			cursor: pointer;
			font-weight: 600;
			position: relative;



		    -webkit-transition: color .5s;
		    -moz-transition: color .5s;
		    -o-transition: color .5s;
		    transition: color .5s;
		}
        .appearance-content-header span.name{
            display:block;
            padding-right:40px;
        }
        .appearance-content-header span.action{
            display: block;
            position: absolute;
            right: 0;
            top: 12px;
            line-height: 16px;
        }

		.appearance-text {
			position: relative;
			clear: both;
		}

		.appearance-text a {
			color: inherit;
			text-decoration: none;
			border-bottom: 1px solid;
		}

		.appearance-block {
			position: relative;
			clear: both;
			margin-top: 20px;
		}

		.appearance-header {
			position: relative;
			clear: both;
			font-weight: 600;
		}

		.appearance-header-margin {
			margin-bottom: 3px;
		}

		.appearance-options {
			position: relative;
			clear: both;
			margin-top: 5px;
		}

		.appearance-options input[type="radio"], .appearance-options input[type="checkbox"] {
			margin-right: 5px;
		}

		.appearance-content-header:hover {
			color: #212121;
		}

		.appearance-form {
			position: relative;
			width: 100%;
			height: 30px;
			padding: 0 10px;
			line-height: 30px;
		}

		.appearance-form-name {
			position: relative;
			float: left;
			width: 70%;
		}

		.appearance-form-right {
			position: relative;
			float: right;
			text-align: right;
			width: 30%;
		}

		.appearance-form-edit {
			position: relative;
			display: inline-block;
			cursor: pointer;
			border-bottom: 1px solid;
			line-height: 20px;
			margin: 5px 0 5px 5px;
		}

		#dashboard-screen #appearance-screen video {
			position: absolute;
			width: 100%;
			height: 100%;
		}

		#dashboard-screen #appearance-screen-resource {
			position: absolute;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			align-content: center;
		}

		#dashboard-screen #appearance-screen-resource img {
			position: relative;
			max-width: 80%;
			max-height: 80%;
		}

		#videos_quality {
			position: relative;
			clear: both;
			width: 100%;
			line-height: 20px;
		}

		.videos_quality_row {
			position: relative;
			clear: both;
			width: 100%;
			height: auto;
			overflow: hidden;
			margin-bottom: 5px;
		}

		.videos_quality_row.first_row {
			padding-bottom: 5px;
		}

		.videos_quality_choices {
			position: relative;
			float: left;
			width: 25%;
		}

		.videos_quality_examples {
			position: relative;
			float: left;
			width: 75%;
			height: 20px;
			padding: 6px 0;
			background-color: #c9c9c9;
			text-align: center;
		}

		.videos_quality_row.first_row .videos_quality_examples {
			height: auto;
			padding: 0;
			background-color: transparent;
		}		

		.videos_quality_example {
			position: relative;
			float: left;
			width: 20%;
		}

		.videos_quality_example img {
			position: relative;
			clear: both;
			display: block;
			margin: 0 auto 3px;
		}

		.vq_example {
			position: relative;
			display: block;
			width: 8px;
			height: 8px;
			margin: 0 auto;
			background-color: #acacac;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
		}

		.vq_example_on {
			background-color: #333;
		}

		.appearance-warning {
			position: relative;
			clear: both;
			margin-top: 15px;
			color: #777;
			line-height: 18px;
			letter-spacing: 1px;
		}

		.appearance-warning i {
			font-size: 13px;
			margin-right: 5px;
			color: #888;
		}

		.appearance-warning br {
			margin-bottom: 5px;
		}

		.appearance-warning a {
			color: #313131;
			text-decoration: underline;
		}



		/*	SETTINGS 	*/

		.settings-content {
			position: relative;
			float: left;
			width: 50%;
			padding-right: 15px;
		}

		.settings-content:last-child {
			padding-left: 15px;
			padding-right: 0;
		}

		#settings-share {
			float: right;
		}

		.settings-header {
			position: relative;
			width: 100%;
			height: 20px;
			line-height: 20px;
			font-size: 12px;
			font-weight: 600;
			color: #313131;
		}

		.settings-subheader {
			position: relative;
			width: 100%;
			line-height: 20px;
			font-size: 11px;
			color: #313131;
			margin-bottom: 10px;
		}

		.settings-warning {
			position: relative;
			width: 100%;
			line-height: 20px;
			font-size: 11px;
			color: #999;
			margin-bottom: 10px;
			font-style: italic;
		}

		#dashboard-settings .popup-block-dimensions {
			width: 140px;
		}

		#dashboard-settings .popup-block-framerate {
			width: 140px;
		}

		#dashboard-settings .popup-input {
			background-image: none;
		}

		#dashboard-settings .popup-events-block.dragger {
			margin-top: 20px;
		}



		/*	MEDIAS	*/

		.col-sm-25 {
			width: 20%;
		}

		#resource-list .project-buttons {
			color: #373737;
		}

		.resource-list:hover .project-buttons-device {
			display: none;
		}

		.resource-list:hover .project-buttons-actions {
			display: block;
		}

		#resource-list .project-button {
			color: #373737;
		}

		#resource-list .project-button:hover {
			color: #313131;
		}

		.resource-item-meta {
			position: absolute;
			width: 100%;
			height: 40px;
			bottom: 0;
			left: 0;
			background-color: rgba(0,0,0,0.8);
			opacity: 0;



		    -webkit-transition: opacity  .5s;
		    -moz-transition: opacity  .5s;
		    -o-transition: opacity  .5s;
		    transition: opacity  .5s;
		}

		.resource-list:hover .resource-item-meta {
			opacity: 1;
		}

		.resource-item-name {
			position: relative;
			float: left;
			width: 80%;
			height: 40px;
			line-height: 40px;
		}

		.resource-item-name .popup-input {
			width: 100%;
			height: 100%;
			background-color: transparent;
			color: #d4d4d4;
			background-image: none;
			padding-right: 10px;
		}

		.resource-item-name .popup-input:focus {
			color: #FFF;
			background-color: transparent;
		}

		.resource-item-type {
			position: relative;
			float: right;
			width: 20%;
			height: 30px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			margin: 5px 0;
		}

		.resource-item-type.image {
			background-image: url(../img/social/image-icon.png);
		}

		.resource-item-type.audio {
			background-image: url(../img/social/audio-icon.png);
		}

		.resource-item-type.sequence {
			background-image: url(../img/social/sequence-icon.png);
		}

		#select-screen-button {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 56px;
			height: 56px;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
			background-color: rgba(0,0,0,0.8);
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url(../img/ico-change-screen.png);
			cursor: pointer;
			z-index: 998;
			box-shadow: -2px 2px 4px rgba(0,0,0,0.4);



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		#select-screen-button:hover {
			background-color: #000;
		}

		#select-screen-options {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.4);
			display: flex;
			z-index: 998;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			align-content: center;
		}

		#select-screen-options .initial-button {
			background-color: transparent;
			font-weight: 500;
			text-align: center;
		}

		#select-screen-options .initial-button:hover {
			background-color: rgba(255,255,255,0.25);
		}



		/*	EMBEDS	*/





	
	/*	Buy		*/

		#buy_modal {
			position: relative;
			width: 300px;
			height: auto;
			padding: 10px 0;
		}

		.buy_modal_section {
			position: relative;
			display: inline-block;
			width: 100px;
			padding: 0 10px 10px;
		}

		.buy_modal_ima {
			position: relative;
			width: 60px;
			height: 60px;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}

		.buy_modal_ima_film {
			background-image: url(../img/film_reel_sm.png);		
		}

		.buy_modal_ima_ticket {
			background-image: url(../img/ticket_sm.png);		
		}

		.buy_modal_title {
			position: relative;
			clear: both;
			margin-top: 5px;
			width: 100%;
			text-align: center;
			line-height: 11px;
			color: #313131;
		}

		.buy_modal_subtitle {
			color: #999;
			font-weight: 300;
			text-transform: uppercase;
			font-size: 10px;
			line-height: 10px;
			letter-spacing: 0;
		}

		#buy_modal_button {
			position: relative;
			width: 100%;
			text-align: center;
			margin-top: 10px;
		}

		#payment-fields {
			position: relative;
			clear: both;
			padding: 20px 50px;
			overflow: hidden;
		}


		.payment-fields-top {
			padding: 0px 50px;
		}

		.payment-subtitle {
			position: relative;
			color: #313131;
			margin: 20px 0 5px;
		}

		.payment-radio {
			position: relative;
			width: 100%;
			height: 30px;
			margin-bottom: 10px;
			padding: 5px;
			line-height: 20px;
			font-family: 'Fira Sans', sans-serif;
			color: #666;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.payment-block {
			position: relative;
			width: 100%;
			height: 30px;
			border: 1px solid #999;
			margin-bottom: 10px;
			padding: 5px;
			line-height: 20px;
			font-family: 'Fira Sans', sans-serif;
			background-color: #e5e5e5;
			color: #666;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.payment-block.error {
			background-color: rgba(164,0,0,0.2);
		}

		.payment-block.braintree-hosted-fields-focused, .payment-block-focused {
			background-color: #FFF;
		}

		.payment-block:focus {
			background-color: #FFF;
		}

		.payment-block.braintree-hosted-fields-invalid, .payment-block-invalid {
			background-color: rgba(144,0,0,0.1);
		}

		.payment-block-multiple {
			position: relative;
			clear: both;
			height: 30px;
		}

		.payment-block-half {
			width: 48%;
			float: left;
		}

		.payment-block-half-right {
			float: right;
		}

		.payment-block-date-divider {
			position: relative;
			width: 4%;
			float: left;
			text-align: center;
			padding: 5px 0;
		}

		.payment-errors {
			color: #900;
		}

		.payment-text {
			border: 0;
			margin: 0;
			padding: 0;
			background-color: transparent;
			width: 100%;
		}

		#payment-info {
			background-color: #ccc;
			padding: 20px 50px;
			min-height: 540px;
		}

		#payment-info.big {
			min-height: 650px;
		}

		.popup-cont #payment-info {
			height: auto;
		}

		#payment-icon {
			position: relative;
			width: 100%;
			text-align: center;
		}

		#payment-icon img {
			display: inline-block;
			max-width: 43%;
		}

		#payment-product {
			position: relative;
			padding-bottom: 10px;
			border-bottom: 1px solid #999;
			height: 40px;
		}

		#payment-product .buy-info-title {
			float: left;
			padding-top: 10px;
			font-size: 16px;
		}



		#payment-info-select {
			position: relative;
			float: right;
			font-weight: 600;
			font-size: 14px;
			width: 120px;
		}

		#payment-info-currentoption {
			padding: 5px 0;
			border: 1px solid #313131;
		}

		.payment-info-option {
			color: #313131;
			cursor: pointer;
			text-align: center;
			width: 100%;
		}

		#payment-info-options {
			position: absolute;
			width: 100%;
			top: 0;
			left: 0;
			background-color: #CCC;
			border: 1px solid #313131;
			z-index: 1;
			display: none;
		}

		#payment-info-options .payment-info-option {
			padding: 5px 0;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		#payment-info-options .payment-info-option:nth-child(2n+1) {
			background-color: #D4D4D4;
		}

		#payment-info-options .payment-info-option:hover {
			background-color: #FFF;
		}

		#payment-discount {
			position: relative;
			margin: 10px 0;
			font-style: italic;
		}

		#payment-discount strong {
			font-weight: normal;
			font-weight: 600;
		}

		#payment-details {
			position: relative;
			margin-bottom: 50px;
			border-bottom: 1px solid #999;
		}

		#payment-details .payment-subtitle {
			margin-top: 0;
		}

		.payment-details-block {
			position: relative;
			clear: both;
			padding: 10px 0;
			min-height: 40px;
			border-top: 1px solid #999;
			overflow: hidden;
		}

		.payment-details-block {
			position: relative;
			clear: both;
			padding: 10px 0;
			min-height: 40px;
			border-top: 1px solid #999;
			overflow: hidden;
		}

		.payment-details-total { 
			font-weight: 600;
		}

		.payment-details-text {
			position: relative;
			float: left;
			text-transform: uppercase;
			line-height: 20px;
			max-width: 80%;
		}

		.payment-details-price {
			position: relative;
			float: right;
			color: #313131;
			font-size: 14px;
			line-height: 20px;
		}

		#payment-buttons {
			position: relative;
			clear: both;
			padding-bottom: 10px;
			overflow: auto;
		}

		#buyed_header {
			padding-top: 37px;
			padding-bottom: 38px;
		}

		#buyed_content {
			position: relative;
			/*top: 50%;
			margin-top: -200px;*/
			text-align: center;
			color: #333;
		}

		.buyed_image {
			position: relative;
			clear: both;
			margin: 30px 0;
		}

		.buyed_title {
			position: relative;
			clear: both;
			font-weight: 600;
			font-size: 24px;
		}

		.buyed_text {
			position: relative;
			clear: both;
			font-size: 16px;
			margin: 30px 0;
		}

		#buyed_content .button {
			width: auto;
			padding: 0 20px;
			height: 40px;
			line-height: 40px;
		}

		#check-result {
			line-height: 30px;
		}

		.project-content #player_spinner, #dashboard-screen #player_spinner {
            position: absolute;
            width: 40px;
            height: 40px;
            z-index: 99;
            display: block;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
        }

		#dashboard-screen .screens-menu #player_spinner {
            position: absolute;
            width: 20px;
            height: 20px;
            z-index: 99;
            display: block;
            top: 0;
            left: auto;
            right: 0;
            margin: 0;
            opacity: 0.6;
        }

		#dashboard-screen .screens-menu #player_spinner .circle-bg {
		    position: absolute;
		    stroke: rgba(255,255,255,0.2);
		    fill: transparent;
		    stroke-width: 2;
		}
		.circle-loader-black{
		    stroke: rgba(0,0,0,0.6);
		    fill: rgba(255,255,255,0.6);
		    stroke-width: 2;
		    animation: dash 2s ease infinite,rotate 2s linear infinite;
		}

		#dashboard-screen .screens-menu #player_spinner .circle-loader {
		    fill: transparent;
		    stroke: #999;
		    stroke-width: 2;
		    animation: dash 2s ease infinite,rotate 2s linear infinite;
		}
	
	/*	Not supported		*/

		body.not_supported {
			background-color: #373737;
			color: #FFF;
			text-align: center;
		}

		#not_supported_pc {
			position: absolute;
			width: 100%;
			top: 50%;
			left: 0;
			margin-top: -110px;
		}

		#not_supported_pc .buyed_title {
			font-family: 'Fira Sans', sans-serif;
			line-height: 30px;
		}

		#not_supported_pc .buyed_text {
			margin: 10px 0 40px;
			color: #d4d4d4;
			line-height: 20px;
		}

		.not_supported_browser {
			position: relative;
			display: inline-block;
			margin: 0 15px;
		}

		.not_supported_browser a {
			color: #d4d4d4;



		    -webkit-transition: color  .5s;
		    -moz-transition: color  .5s;
		    -o-transition: color  .5s;
		    transition: color  .5s;
		}

		.not_supported_browser a:hover {
			color: #FFF;
		}

		.not_supported_browser_icon {
			position: relative;
			clear: both;
		}

		.not_supported_browser_text {
			position: relative;
			clear: both;
			margin-top: 10px;
		}

		.not_supported_claim {
			position: relative;
			margin-top: 30px;
			color: #d4d4d4;
		}

		.not_supported_claim a {
			color: #d4d4d4;
			border-bottom: 1px dotted;
		}

		#not_supported_mobile {
			position: relative;
			width: 100%;
			padding: 40px 20px;
			text-align: center;
		}

		.not_supported_link {
			position: relative;
			width: 100%;
			max-width: 420px;
			margin: 0 auto;
		}

		#not_supported_link_copy {
			position: absolute;
			top: 0;
			right: 0;
			width: 30px;
			height: 30px;
			background-color: #3e9ecf;
			padding: 5px 0;
			cursor: pointer;
			font-size: 13px;
			text-align: center;
		}

		#embed_copied {
			position: fixed;
			width: 250px;
			height: 40px;
			line-height: 40px;
			color: #000;
			background-color: #FFF;
			border: 1px solid #000;
			display: none;
			top: 50%;
			left: 50%;
			margin-top: -20px;
			margin-left: -125px;
			z-index: 10000000;
			text-align: center;
		}


	/*	RULES 	*/

		#rules-counters {
			width: 50%;
		}

		#rules-conditions {
			width: 50%;
		}

		.rules-header {
			margin-bottom: 10px;
		}

		.rules-variable {
			position: relative;
			clear: both;
			width: 100%;
		}

		.rules-variable-title {
			position: relative;
			clear: both; 
			width: 100%;
			height: 40px;
			line-height: 40px;
			color: #000;
			font-weight: 600;
			padding: 0 10px;
			border-top: 1px solid;
		}

		.rules-variable:first-child .rules-variable-title {
			border-top: 0;
		}

		.rules-variable:last-child .rules-variable-title {
			border-bottom: 1px solid;
		}

		.rules-variable-title.active {
			background-position: right 5px top -40px;
		}

		.rules-variable-title-text {
			position: relative;
			float: left;
			width: 50%;
			cursor: pointer;
		}

		.rules-variable-title-content {
			position: relative;
			float: right;
			width: 50%;
			text-align: right;
			font-family: 'Fira Sans', sans-serif;
		}

		.input-counters {
			position: relative;
			display: inline-block;
			width: 100%;
			height: 30px;
			font-size: 11px;
			background-color: #e5e5e5;
			border: 0;
			padding-left: 5px;
			text-align: right;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
		}

		.input-counters.input-second-value {
			display: none;
		}

		.rules-variable-column-interaction select.input-counters, .rules-variable-column-mnr select.input-counters, .rules-variable-column-comparator select.input-counters {
			text-align: left;
		}

		.rules-variable-column-operator select.input-counters, .rules-variable-column-comparation select.input-counters {
			text-align: left;
		}

		.rules-variable-title-content input {
			width: 50px;
			margin: 0 10px 0 2px;
		}

		.rules-variable-title-content .fa {
			font-size: 14px;
			cursor: pointer;
		}

		.rules-variable-content {
			position: relative;
			clear: both;
			width: 100%;
			padding: 10px 0;
			border-top: 1px solid;
			display: none;
		}

		.rules-variable:last-child .rules-variable-content {
			border-top: 0;
			border-bottom: 1px solid;
		}

		.popup-block .rules-variable-content {
			border-top: 0;
			display: block;
		}

		.rules-condition-block {
			position: relative;
			clear: both;
		}

		.rules-variable-row {
			position: relative;
			clear: both;
			width: 100%;
			height: 40px;
			line-height: 30px;
			padding-left: 10px;
			color: #313131;
		}

		.rules-variable-row:first-child {
			height: 30px;
		}

		.rules-condition-block .rules-variable-row {
			height: 40px;
		}

		.rules-condition-block:first-child .rules-variable-row {
			height: 30px;
		}

		.popup-block .rules-variable-row {
			padding-left: 0;
		}

		.rules-variable-column {
			position: relative;
			float: left;
			width: 18%;
			height: 30px;
			padding-right: 10px;
			overflow: hidden;
			text-align: left;
		}

		.popup-block .rules-variable-column {
			width: 12%;
		}

		.rules-variable-column-interaction {
			width: 40%;
		}

		.popup-block .rules-variable-column-interaction {
			width: 58%;
		}

		.popup-block .rules-variable-column-operator {
			text-align: center;
		}

		.popup-block .rules-variable-column-mnr {
			width: 18%;
			padding-right: 0;
		}

		.rules-variable-column-comparator {
			width: 38%;
		}

		.popup-block .rules-variable-column-comparator {
			width: 42%;
			padding: 0;
		}

		.popup-block .rules-variable-column-comparation {
			width: 16%;
			padding-left: 10px;
		}

		.rules-variable-column-delete {
			width: 6%;
			cursor: pointer;
			text-align: center;
			font-size: 14px;
		}

		.popup-block .rules-variable-column-delete {
			padding-right: 0;
			width: 13px;
			position: absolute;
			left: 407px;
		}

		.rules-variable-column-delete .fa-stack-2x {
			font-size: 1.5em;
			top: 1px;
		}

		.rules-variable-column-delete .fa-stack-1x {
			font-size: 0.9em;
			top: -4px;
		}

		.rules-variable .popup-nextobutton {
			position: relative;
			clear: both;
			display: inline-block;
			font-weight: 600;
			margin-top: 10px;
			margin-left: 10px;
		}

		.rules-condition-or {
			position: relative;
			clear: both;
			display: inline-block;
			border-bottom: 1px solid;
			cursor: pointer;
			margin: 10px 0;
			color: #313131;
			margin-left: 10px;
		}

		.menu_button_conditions {
			position: absolute;
			width: 18px;
			height: 18px;
			cursor: pointer;
			top: 7px;
			background-position: 0 0;
			background-repeat: no-repeat;
			overflow: hidden;
		}

		.menu_button_conditions:hover {
			background-position: 0 -18px;
		}

		#menu_button_remove {
			right: 6px;
			background-image: url("../img/button_delete_condition.png");
		}




	/*	Footer	*/

		footer {
			position: relative;
			clear: both;
			margin-top: 60px;
			height: 240px;
			background-color: #313131;
		}

		footer.fixed {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
		}

		#footer-content {
			padding-top: 60px;
			padding-bottom: 60px;
			height: 240px;
			color: #FFF;
		}

		.footer-title {
			position: relative;
			font-weight: 600;
			font-size: 14px;
			line-height: 100%;
		}

		.footer-text {
			position: relative;
			clear: both;
			line-height: 14px;
			margin-top: 20px;
		}

		.footer-button {
			position: relative;
			clear: both;
			margin-top: 20px;
		}

		#footer-left {
			position: relative;
			float: left;
		}

		#footer-right {
			position: relative;
			float: right;
		}

		.footer-title {
			position: relative;
			clear: both;
			font-weight: 600;
		}

		ul.footer-list {
			position: relative;
			padding: 0;
			margin: 0;
			list-style: none;
		}

		li.footer-list {
			position: relative;
			clear: both;
			line-height: 20px;
		}

		li.footer-list:first-child {
			margin-top: 10px;
		}

		li.footer-list a {
			color: #D4D4D4;



		    -webkit-transition: opacity  .5s;
		    -moz-transition: opacity  .5s;
		    -o-transition: opacity  .5s;
		    transition: opacity  .5s;
		}

		li.footer-list a:hover {
			text-decoration: none;
			color: #FFF;
		}

		.footer-col {
			margin-bottom: 20px;
		}

		ol.ordered {
			list-style: lower-latin;
		}

		td, th {
			padding: 5px;
		}


		/*	Workflow trial 	*/

		#workflow-trial {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.7);
			display: none;
			z-index: 1000;
		}

		#workflow-content {
			position: relative;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		#workflow-video {
			position: relative;
			width: 80%;
			max-width: 1170px;
			padding-bottom: 56.25%;
		}

		#workflow-video iframe {
			position: absolute;
			width: 100%;
			height: 100%;
			border: 0;
		}

		#workflow-video-skip {
			position: fixed;
			bottom: 40px;
			left: 50%;
			width: 170px;
			height: 50px;
			margin-left: -85px;
			color: #313131;
			background-color: #f4f4f4;
			text-align: center;
			line-height: 50px;
			font-weight: 600;
			cursor: pointer;
			display: none;



		    -webkit-transition: background-color  .5s, color .5s;
		    -moz-transition: background-color  .5s, color .5s;
		    -o-transition: background-color  .5s, color .5s;
		    transition: background-color  .5s, color .5s;
		}

		#workflow-video-skip:hover {
			background-color: #FFF;
			color: #000;
		}

		.workflow-object {
			position: absolute;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			cursor: pointer;
		}

		.workflow-object img {
			width: 100%;
			height: 100%;
		}

		.workflow-bar {
			position: relative;
			width: 100%;
			margin: 0;
			height: 40px;
			line-height: 40px;
			background-color: #418ec2;
			color: #FFF;
		}

		.workflow-bar.workflow-bar-extended {
			height: 40px;
			padding: 5px;
		}

		.workflow-bar-content {
			position: relative;
		}

		.workflow-bar-text {
			position: absolute;
			width: 100%;
			margin: 0 auto;
			text-align: center;
			text-transform: uppercase;
		}

		.workflow-bar-close-button {
			position: relative;
			width: auto;
			margin: 0;
			float: right;
			cursor: pointer;
			padding: 8px 0;
			/*background-image: url(../img/icon-close-white-cross.png);*/
		}

		.workflow-bar-close-button img {
			display: block;
		}

		.workflow-bar a {
			color: #FFF;
			text-align: center;
			text-decoration: underline;
		}

		.workflow-block {
			position: absolute;
			width: 290px;
			height: 100px;
			line-height: 20px;
			background-color: #418ec2;
			color: #FFF;
			padding: 10px 20px;
		}

		.workflow-block-title {
			position: relative;
			clear: both;
			font-weight: 600;
		}

		.workflow-block-text {
			position: relative;
			clear: both;
		}

		.workflow-block-skip {
			position: absolute;
			left: 20px;
			bottom: 10px;
			border-bottom: 1px solid;
			cursor: pointer;
		}

		.workflow-block-gotit {
			position: absolute;
			right: 20px;
			bottom: 10px;
			font-weight: 600;
			cursor: pointer;
		}

		.workflow-block::before {
			position: absolute;
			content: "";
			width: 18px;
			height: 18px;
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url(../img/workflow-cuna.png);
			top: 11px;
			left: -9px;
		}

		.workflow-block.workflow-block-right::before {
			left: 281px;
		}

		#workflow-object-new-project {
			width: 160px;
			height: 160px;
			margin-left: -23px;
			top: 120px;
			border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
			background-image: url(../img/workflow-new-project.png);
		}

		#workflow-block-new-project {
			margin-left: 160px;
			top: 180px;
		}



/**
 * 3.0 Buy
 *
 * -----------------------------------------------------------------------------
 */

 	.buy-row {
 		position: relative;
 		width: 100%;
 		clear: both;
 		overflow: hidden;
 	}

 	.buy-row.first {
 		margin-top: 30px;
 		overflow: unset;
 	}

 	.buy-row:nth-child(odd) {
 		background-color: #e5e5e5;
 	}

 	.buy-column {
 		position: relative;
 		float: left;
 		width: 20%;
 		border-right: 1px solid #BBB;
 		text-align: center;
 		color: #313131;
 		line-height: 26px;
 		padding: 5px 0;
 	}

 	.buy-column:first-child {
 		text-align: left;
 		text-indent: 10px;
 		padding-left: 20px;
 	}

 	.buy-column.buy-column-main {
 		font-weight: 600;
 		text-indent: 0;
 	}

 	.buy-column:last-child {
 		border: 0;
 	}

 	.buy-column-tooltip {
 		position: relative;
 		float: right;
 		margin-right: 5px;
 		cursor: pointer;
 	}

 	.buy-info-title {
 		position: relative;
 		color: #313131;
 		clear: both;
 		font-size: 24px;
 		float: none;
 	}

 	.buy-header-buttons {
 		position: absolute;
 		top: 30px;
 		right: 15px;
 	}

 	.buy-info-claim {
 		position: relative;
 		color: #313131;
 		margin-top: 50px;
 		font-size: 14px;
 		text-align: center;
 	}

 	.buy-info-claim a {
 		color: #313131;
 		border-bottom: 1px solid;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5ss;
 	}

 	.buy-info-claim a:hover {
 		color: #272727;
 	}

 	.buy-product {
 		position: relative;
 		float: left;
 		width: 20%;
 		border-right: 1px solid #BBB;
 		background-color: #262626;
 	}

 	.buy-product:last-child {
 		border: 0;
 	}

 	.buy-product-alert {
 		position: absolute;
 		width: 100%;
 		height: 60px;
 		top: -60px;
 		left: 0;
 		background-color: #49adde;
 		background-position: center center;
 		background-repeat: no-repeat;
 		background-size: contain;
 		background-image: url(../img/essential-annual-offer.svg);
 	}

 	.buy-product-alert-month {
 		background-image: url(../img/essential-month-offer.svg);
 	}

 	.buy-product-content {
 		padding: 0 15px;
 	}

 	.buy-product-ima {
 		position: relative;
 		text-align: center;
 	}

 	.buy-product-ima img {
 		display: inline-block;
 		max-width: 100%;
 	}

 	.buy-product-name {
 		position: relative;
 		clear: both;
 		margin-top: 20px;
 		font-weight: 600;
 		color: #313131;
 		text-align: center;
 		font-size: 16px;
 		line-height: 100%;
 		line-height: 20px;
 	}

 	.buy-product-excerpt {
 		color: #656565;
 		margin-top: 5px;
 		font-size: 14px;
 		font-family: 'Fira Sans', sans-serif;
 		line-height: 20px;
 	}

 	.buy-product-description {
 		color: #656565;
 		margin-top: 10px;
 		text-align: justify;
 		font-size: 11px;
 		font-family: 'Fira Sans', sans-serif;
 		line-height: 14px;
 	}

 	.buy-product-button {
 		position: relative;
 		text-align: center;
 		margin-top: 20px;
 	}

 	.month-info {
 		display: none;
 	}

 	.month-to-month-payment {
 		display: none;
 	}

 	.buy-user-content {
 		color: #FFF;
 		background-color: #262626;
 		text-align: center;
 		padding: 25px;
 	}

 	.buy-user-name {
 		position: relative;
 		clear: both;
 		font-family: 'Fira Sans', sans-serif;
 		font-size: 18px;
 		line-height: 40px;
 		line-height: 100%;
 	}

 	.buy-user-separator {
 		position: relative;
 		clear: both;
 		margin: 10px auto;
 		width: 20px;
 		height: 1px;
 		background-color: #FFF;
 	}

 	.buy-user-separator.hidden {
 		background-color: transparent;
 	}

 	.buy-user-separator.big {
 		margin-bottom: 30px;
 	}

 	.buy-user-separator.last {
 		margin-bottom: 20px;
 	}

 	.buy-user-title {
 		position: relative;
 		clear: both;
 		line-height: 96px;
 		height: 96px;
 		margin-top: 10px;
 	}

 	.buy-user-title .value {
 		font-size: 14px;
 		vertical-align: top;
 	}

 	.buy-user-title .price {
 		position: absolute;
 		top: 0;
 		left: 0;
 		width: 100%;
 		font-weight: 300;
 		font-size: 80px;
 		text-align: center;
 	}

	.buy-user-title.price-deprecated .price {
		color: #CCC;
		text-decoration: line-through;
	}

 	.buy-user-title .mark {
 		position: absolute;
 		right: 0;
 		bottom: 0;
 		line-height: 100%;
 		font-size: 12px;
 	}

 	.buy-user-subtitle {
 		position: relative;
 		clear: both;
 		margin: 10px 0;
 		font-size: 11px;
 		line-height: 20px;
 		height: 40px;
 	}

 	.buy-user-subtitle .annual-info, .buy-user-subtitle .month-info {
 		color: #fbe365;
 	}

 	.buy-user-subtitle .annual-info.annual-info-inherit {
 		color: inherit;
 	}

 	.subt-month {
 		font-size: 10px;
 		font-weight: 300;
 	}

 	.subt-month a {
 		color: #FFF;
 	}

 	.buy-user-text {
 		position: relative;
 		clear: both;
 		margin: 10px 0;
 		padding: 0;
 		font-size: 12px;
 	}

 	.buy-user-text.main {
 		font-size: 14px;
 		margin: 20px 0;
 	}

 	.buy-user-button {
 		display: inline-block;
 		clear: both;
 		margin-top: 0;
 		background-color: #fbe365;
 		color: #313131;
 		text-align: center;
 		width: 150px;
 		height: 40px;
 		line-height: 40px;
 		font-weight: 600;
 		cursor: pointer;



	    -webkit-transition: color .5s, background-color .5s;
	    -moz-transition: color .5s, background-color .5s;
	    -o-transition: color .5s, background-color .5s;
	    transition: color .5s, background-color .5s;
 	}

 	.buy-user-button:hover {
 		background-color: rgba(251, 227, 101, 0.8);
 		color: #000;
 	}

 	.buy-user-button.current-plan {
 		background-color: transparent;
 		color: #FFF;
 		border: 1px solid;
 	}

 	.buy-user-asterisk {
 		position: absolute;
 		bottom: 20px;
 		left: 0;
 		width: 100%;
 		font-size: 10px;
 		font-style: italic;
 	}

 	#user-accounts .asterisk {
 		position: relative;
 		margin-top: 5px;
 	}

 	.buy-addon {
 		position: relative;
 		width: 100%;
 		height: 60px;
 		background-color: #313131;
 		color: #FFFFFF;
 		padding: 10px 20px;
 		color: #FFF;
 		line-height: 40px;
 	}

 	.buy-addon-text {
 		position: relative;
 		float: left;
 		width: 50%;
 	}

 	.buy-addon-button {
 		position: relative;
 		float: right;
 		width: 150px;
 	}

 	.buy-addon-price {
 		position: relative;
 		float: right;
 		margin-right: 20px;
 		font-size: 40px;
 		font-weight: 300;
 		width: 110px;
 	}

 	.buy-addon-price .mark {
 		position: absolute;
 		right: 0;
 		bottom: 4px;
 		line-height: 100%;
 		font-size: 12px;
 	}

 	.faqs {
 		position: relative;
 		clear: both;
 		width: 100%;
 		margin-top: 30px;
 		border-top: 1px solid #313131;
 	}

 	.faq-block {
 		position: relative;
 		clear: both;
 		width: 100%;
 		padding: 10px 0;
 		border-bottom: 1px solid #313131;
 		line-height: 20px;
 	}

 	timeline-eyeq-title {
 		position: relative;
 		clear: both;
 		width: 100%;
 		font-size: 14px;
 		color: #313131;
 		cursor: pointer;
 		background-position: right 5px top 0;
 		background-repeat: no-repeat;
 		background-image: url(../img/plus-minus.png);
 		padding-right: 30px;
 	}

 	.faq-title {
 		cursor: pointer;
 		text-transform: uppercase;
 	}

 	.faq-title.open {
 		background-position: right 5px top -20px;
 	}

 	.faq-answer {
 		position: relative;
 		clear: both;
 		font-size: 12px;
 		text-align: justify;
 		display: none;
 		color: #505050;
 	}

 	.faq-answer p {
 		margin: 10px 0;
 	}

 	.faq-answer p:last-child {
 		margin: 0;
 	}

 	.faq-answer p:first-child {
 		margin-top: 10px;
 	}

 	.faq-answer a {
 		color: #505050;
 		text-decoration: none;
 		border-bottom: 1px solid;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
 	}

 	.faq-answer a:hover {
 		color: #313131;
 	}


 	/*	Buy process	*/

 	#popup-buy-process {
 		min-height: 440px;
 		padding-bottom: 80px !important;
 	}

 	.popup-block-buy-process {
 		width: 100%;
 		height: 56px;
 		line-height: 20px;
 		padding: 18px 0;
 		border-top: 1px solid #999;
 		border-bottom: 1px solid #999;
 		font-size: 16px;
 	}

 	.popup-block-buy-process-no-border {
 		border: 0;
 	}

 	.popup-block-buy-process-centered {
 		text-align: center;
 		margin-bottom: 20px;
 		font-size: 14px;
 		line-height: 26px;
 		padding: 15px 0;
 	}

 	#popup-buy-process .popup-input:last-child {
 		margin-bottom: 10px;
 	}

 	.payment-block-half.popup-input-indent {
 		background-color: #FFF;
 	}

 	.popup-input-carddate {
 		width: 25px !important;
 		margin-bottom: 0 !important;
 		padding: 0 !important;
 		text-align: center;
 	}

	 .popup-input-coupon {
		max-width: 126px !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
	}

 	#popup-input-date {
 		background-image: url(../img/buy-process-date.png) !important;
 	}

 	#popup-input-ccv {
 		background-image: url(../img/buy-process-ccv.png) !important;
 	}

 	#popup-input-coupon {
 		background-image: url(../img/buy-process-coupon.png) !important;
 	}

 	#popup-buy-process .button-container .popup-button {
 	    bottom: 0px;
 		position: relative;
 		width: 100%;
 	}

 	#popup-buy-process .button-container {
 	    position: absolute;
 	    bottom: 30px;
 	    padding: 0 40px;
 	    width: 100%;
 	}

 	#popup-buy-process .centered-text {
 	    position:absolute;
 	    bottom: 50px;
 	    width: 100%;
 	    font-size: 10.5px;
 	    text-align: justify;
 	    padding: 0 40px;
 	}

 	/*#popup-buy-process .popup-cont .popup-content {
 	    margin-right: 7%;
 	}*/

 	.buy-process-small {
 		position: absolute;
 		bottom: 20px;
 		line-height: 10px;
 		left: 40px;
 	}

 	#buy-process-logos {
 		position: relative;
 		width: 480px;
 		margin: 20px auto 0;
 		line-height: 26px;
 		padding-bottom: 20px;
 		height: 46px;
 	}

	#stripe-logo {
		position: relative;
		float: left;
	}

	#stripe-logo a {
		border-bottom: 0 !important;
	}

	#stripe-logo img {
		display: block;
	}

	#secure-connection {
		position: relative;
		float: right;
		color: #999;
	}

	#secure-connection i {
		font-size: 14px;
	}

	.demo-trial-popup-payment {
		display: block !important;
		color: #313131;
	}

	.demo-trial-popup-payment .demo-trial-popup-content {
		padding: 40px 40px 20px !important;
	}

	.demo-trial-popup-payment .demo-trial-popup-text a {
		color: #313131;
		text-decoration: underline;
	}

	.buy-process-logo {
		position: absolute;
		bottom: 56px;
		left: 132px;
	}

	.demo-trial-popup-image-buy-ok {
		position: relative;
		clear: both;
		width: 300px;
		height: 150px;
		margin: 0 auto;
		background: url('../img/buy-process-ok.png') 0 0;
		animation: playetanimationbuyokX .2s steps(6), playetanimationbuyokY 1.4s steps(7) 1;
		-webkit-animation: playetanimationbuyokX .2s steps(6), playetanimationbuyokY 1.4s steps(7) 1;
		animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
	}

	@keyframes playetanimationbuyokX {
	    100% { background-position-x: -1800px; }
	}

	@keyframes playetanimationbuyokY {
	    100% { background-position-y: -1050px; }
	}

	.demo-trial-popup-image-buy-ko {
		position: relative;
		clear: both;
		width: 200px;
		height: 150px;
		margin: 0 auto;
		background: url('../img/buy-process-ko.png') 0 0;
		animation: playetanimationbuykoX .2s steps(6), playetanimationbuykoY 1.4s steps(7) 1;
		-webkit-animation: playetanimationbuykoX .2s steps(6), playetanimationbuykoY 1.4s steps(7) 1;
		animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;
	}

	@keyframes playetanimationbuykoX {
	    100% { background-position-x: -1200px; }
	}

	@keyframes playetanimationbuykoY {
	    100% { background-position-y: -1050px; }
	}

	.buy-process-old-price {
		text-decoration: line-through;
		margin-right: 16px;
		color: #C00;
		font-weight: 300;
	}





/**
 * 4.0 Popups
 *
 * -----------------------------------------------------------------------------
 */

 	.modal-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
		z-index:999;
 	}

 	#screen-container {
 		z-index: 998;
 	}

 	.modal-close {
 		position: absolute;
 		width: 20px;
 		height: 20px;
 		text-align: center;
 		background-color: #313131;
 		color: #D4D4D4;
 		cursor: pointer;
 		top: 50%;
 		left: 50%;
 		margin-left: 250px;
 		z-index: 10;
 		background-position: center top;
 		background-repeat: no-repeat;
 		background-image: url(../img/icon-close.png);



	    -webkit-transition: color .5s, background-color .5s;
	    -moz-transition: color .5s, background-color .5s;
	    -o-transition: color .5s, background-color .5s;
	    transition: color .5s, background-color .5s;
 	}

 	.modal-close-templates {
 		width: 40px;
 		height: 40px;
 		background-image: url(../img/popup-full-close.svg);
 		background-color: transparent;
 		background-size: contain;
 		background-position: center center;
 		opacity: 0.3;



	    -webkit-transition: opacity  .5s;
	    -moz-transition: opacity  .5s;
	    -o-transition: opacity  .5s;
	    transition: opacity  .5s;
 	}

 	.modal-close-templates:hover {
 		opacity: 1;
 	}

 	#popup_close:hover {
 		background-color: #262626;
 		color: #FFF;
 		background-position: center bottom;
 	}

	.popup {
		position: relative;
		width: 100%;
		height: 100%;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
	}

	.popup.popupTemplate {
		overflow-y: auto;
		background-color: #f9f9f9;
	}

	.popup-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
	}

	.progress-mask {
		position: relative;
		width: 100%;
		height: 100%;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
	}

	.bg-progress-mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
	}

	.popupBlack .popup-bg {
		background-color: rgba(0,0,0,0.9);
	}

	.popupTemplate .popup-bg {
		background-color: #f9f9f9;
	}

	.popup-box {
		position: absolute;
		width: 480px;
		height: 540px;
		top: 50%;
		left: 50%;
		margin-top: -270px;
		margin-left: -240px;
		color: #313131;
		padding: 30px 0 20px;
		background-color: #e4e4e4;
	}

	.popup-box-no-published {
		position: absolute;
		height: auto;
		width: 480px;
		top: 50%;
		left: 50%;
		bottom: auto;
		right: auto;
		margin-top: -320px;
		margin-left: -240px;
		color: #313131;
		padding: 30px 0px;
		background-color: #e4e4e4;
	}

	.popup-template {
		position: absolute;
		height: auto;
		min-height: 100%;
		width: 100%;
		color: #f9f9f9;
		padding: 60px !important;
		background-color: #D4D4D4;
		overflow-y: auto;
	}

	#popup-check-publish.popup-template {
		color: #313131;
	}

	.popup-template.popup-facebook-connect {
		padding: 120px 60px !!important;
	}

	.popup-template-content {
		position: relative;
		display: block;
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}

	#popup-check-publish .popup-template-content {
		margin-bottom: 20px;
	}

	.popupBlack .popup-template, .popupTemplate .popup-template {
		background-color: transparent;
		padding: 0;
	}

	.popupBlack .popup-box, .popupTemplate .popup-box {
		background-color: transparent;
		padding: 30px 0;
	}

	.popup-head {
		position: relative;
		width: 100%;
		height: 60px;
		background-color: #656565;
		color: #D4D4D4;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
		text-align: center;
		line-height: 20px;
		padding: 14px 0;
		margin-bottom: 40px;
	}

	.popup-title {
		position: relative;
		font-size: 16px;
		letter-spacing: 1px;
		border-bottom: 1px solid #313131;
		font-weight: normal;
		line-height: 16px;
		height: 30px;
		margin: 0 40px 30px;
		text-transform: capitalize;
		font-weight: 600;
	}

	.popup-title.popup-title-trial {
		line-height: 20px;
		height: 50px;
		text-align: center;
	}

	.popup-title .popup-title-light {
		font-family: 'Fira Sans', sans-serif;
	}

	.popup-title.popup-title-active {
		cursor: pointer;
	}

	.popup-title-small {
		font-family: 'Fira Sans', sans-serif;
		font-size: 12px;
	}

	.popup-nexttotitle {
		position: absolute;
		top: 32px;
		right: 40px;
		text-transform: uppercase;
	}

	#popup-check-publish a {
		position: relative;
		background-color: inherit;
		text-decoration: underline;
	}

	.popup-cont {
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		overflow: hidden;	
	}

	.popup-content {
		position: relative;
		width: 100%;
		padding-left: 40px;
		padding-right: 40px;
		overflow: hidden;
	}

	.popup-content.not_supported_browser_icon {
			position: relative;
			clear: both;
            text-align:center;
            margin-top: 50px;
	}

	.popup-content.popup-counter {
		padding: 0 20px 0 40px;
	}

	.popup-content-menu {
		position: relative;
		float: left;
		width: 25%;
		padding-right: 20px;
	}

	.popup-menu-elem {
		position: relative;
		clear: both;
		text-indent: 15px;
		height: 20px;
		line-height: 20px;
		cursor: pointer;
		color: #999;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.popup-menu-elem.active {
		color: #373737;
	}

	.popup-header.popup-menu-elem {
		text-indent: 10px;
	}

	.popup-menu-elem:hover {
		color: #262626;
	}

	.popup-menu-elem.inactive {
		color: #999;
	}

	.popup-menu-elem.inactive:hover {
		color: #656565;
	}

	.popup-content-content {
		position: relative;
		float: left;
		width: 75%;
		padding-left: 20px;
	}

	.popup-content-half {
		position: relative;
		float: left;
		width: 50%;
		padding-left: 20px;
	}

	.popup-content-half:first-child {
		padding-right: 20px;
		padding-left: 0;
	}

    #popup-add-screen .popup-content-half {
		padding-right: 5px;
		padding-left: 0;
	}

    #popup-add-screen .popup-content-half:nth-child(2n) {
		padding-left: 5px;
		padding-right: 0;
	}

	.popup-content-half .screen {
	    margin-bottom: 15px;
        background-color: #e2e2e2;
        padding: 10px 10px 8px 10px;
        cursor: pointer;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.popup-content-half .screen:hover {
		background-color: #FFF;
	}

	.popup-content-half .screen .thumbnail {
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #418ec2;
        padding-bottom: 56.25%;
        margin-bottom: 5px;
        background-size: cover;
        border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; 
	}

	#popup-add-screen .popup-content-full {
		padding-right: 5px;
		padding-left: 0;
		width: 100%;
	}

    .popup-content-full .screen {
	    margin-bottom: 15px;
        background-color: #e2e2e2;
        padding: 10px 10px 8px 10px;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.popup-content-full .screen .thumbnail {
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #418ec2;
        padding-bottom: 56.25%;
        margin-bottom: 5px;
        border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
	}
    #popup-add-screen .description_screen{
        padding: 10px 40px;
        line-height: 20px;
    }

    #popup-add-screen .help_title{
        text-transform: none;
        position: relative;
        font-size: 14px;
        margin: 10px 40px 0px;
        font-weight: 600;
    }

    #popup-add-screen .help_text{
        padding: 10px 40px;
        line-height: 20px;
        font-size: 12px;
    }

    #dashboard_main .ico_example{
        left: 684px;
        width: 24px;
        height: 24px;
        top: -34px;
        position: relative;
        background-image: url(../static/img/ico_example.png);
        background-position: center center;
    }
	.popup-content-threequarter {
		position: relative;
		float: left;
		width: 75%;
		padding-right: 2px;
	}

	.popup-content-quarter {
		position: relative;
		float: left;
		width: 25%;
		padding-left: 2px;
	}

	.popup-input {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		color: #373737;
		border: 0;
		background-color: #E2E2E2;
		height: 30px;
		font-size: 11px;
		padding: 9px 30px 8px 10px;
		font-family: 'Fira Sans', sans-serif;
		background-position: right center;
		background-image: url(../img/icon-pencil.png);
		background-repeat: no-repeat;
		letter-spacing: 1px;

	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#popup-project-published .popup-input,
	#popup-check-publish .popup-input,
	form .popup-input {
		background-color: #fbfcfb;
	}

	#popup-check-publish .popup-input,
	#popup-check-publish .slides-edition-input {
		border: 1px solid #313131;
		height: 40px;
		font-size: 12px;
		background-color: transparent;
	}

	#popup-check-publish .popup-input-select:disabled {
		color: #313131;
	}

	.popup-input-no-editable {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		color: #d4d4d4;
		border: 0;
		background-color: #000;
		height: 30px;
		font-size: 11px;
		padding: 9px 30px 8px 10px;
		font-family: 'Fira Sans', sans-serif;
		background-position: right center;
		background-repeat: no-repeat;
		letter-spacing: 1px;

	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.popup-input-position {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		color: white;
		border: 0;
		background-color: transparent;
		height: 30px;
		font-size: 11px;
		padding: 9px 30px 8px 10px;
		font-family: 'Fira Sans', sans-serif;
		background-position: right center;
		background-image: url(../img/ico_order.png);
		background-size: 25px 20px;
		background-repeat: no-repeat;
		letter-spacing: 1px;
		outline: 0;

	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.popup-input-position:hover{
	    background-image: url(../img/icon-pencil-white.png);
	}

	.popup-input-button {
		width: 20px;
		background-image:none;
	}

	.popup-input-textalign {
		width: 30px;
		float: left;
		padding: 0;
		margin: 0 0 0 3px;
	}

	.popup-input-textalign img {
		opacity: 0.4;
	}

	.popup-input-textalign.active img {
		opacity: 1;
	}

	.popup-input-textarea {
		height: 100px;
		resize: none;
		background-image: none;
	}

	.popup-input-textarea.popup-input-textarea-small {
		height: 60px;
	}

	.popup-input.nobgimage {
		background-image: none;
	}

	.popup-input-select {
		padding: 4px 10px;
		background-image: none;
	}

	.lock-icon {
		position: absolute;
		width: 25px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url('../img/icon-lock.png');
		top: 6px;
		right: 0;
		cursor: pointer;
	}

	.locked-element {
		position: relative;
	}

	.popup-input-text:disabled {
		background-color: #ccc;
		color: #999;
		background-image: none;
	}

	.popup-input-select:disabled {
		background-color: #ccc;
		color: #999;
		/*background-image: url('../img/icon-lock.png');*/
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    -ms-appearance: none;
	    -o-appearance: none;
	    appearance: none;
	}

	.popup-input:focus {
		background-color: #FFF;
		outline: 0;
	}

	.popup-input.readonly {
		background-color: #D9D9D9;
		background-image: none;
	}

	.popup-input.readonly:focus {
		background-color: #D9D9D9;
	}

	.popup-input:last-child {
		margin-bottom: 0;
	}

	.popup-input-wrong {
		background-color: rgba(200,0,0,0.2);
	}

	.popup-input-wrong:focus {
		background-color: rgba(200,0,0,0.1);
	}

	.dashboard-video-name .popup-input {
		width: 100%;
		height: 100%;
		background-color: #000;
		color: #d4d4d4;
		background-image: none;
	}

	.dashboard-video-name .popup-input.error {
		width: 100%;
		height: 100%;
		background-color: #000;
		color: #C00;
		background-image: none;
	}

	.dashboard-video-name .popup-input:focus {
		color: #FFF;
		background-image: url(../img/icon-pencil-white.png);
	}
	.dashboard-video-name .popup-input:hover {
		background-image: url(../img/icon-pencil-white.png);
	}

	.dashboard-video-name .popup-input.error:focus {
		color: #c00;
		background-image: none;
	}

	.popup-input-error, .slides-edition-input-block .popup-input-error {
		position: relative;
		color: red;
		margin-top: 3px;
	}

	.popup-input-sm {
		display: inline-block;
		width: 33%;
		margin-left: 1%;
	}

	.popup-upgrade-plan {
		position: absolute;
		top: 5px;
		left: 0;
		font-weight: 600;
		cursor: pointer;
		line-height: 20px;
		color: #373737;

	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.popup-upgrade-plan:hover {
		color: #313131;
	}

	.popup-upgrade-plan-right {
	    text-decoration: underline;
	    text-transform: none;
		left: auto;
		right: 0;
		top: 0;
	}

	.popup-upgrade-plan-right a, .popup-upgrade-plan-right a:hover, .popup-upgrade-plan-right a:focus{
	    color:#000;
	}

	
	.popup-cancel-plan{
		position: relative;
		color: #373737;
		width: 100%;
		left: 0px;
		border: 0;
		font-size: 9px;
		float:right;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
	}

	.popup-send {
		position: absolute;
		width: 20px;
		height: 20px;
		top: 29px;
		right: 5px;
		z-index: 1;
		color: #373737;
		text-align: right;
		cursor: pointer;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	#payment-form .popup-send {
		top: 5px;
	}

	.popup-send:hover {
		color: #212121;
	}

	.popup-send-question {
		font-size: 12px;
	}

	#popup-project-published .popup-send {
		font-size: 14px;
		top: 6px;
		right: 10px;
	}

	#popup-open-piwik {
		text-align: center;
		margin-top: 20px;
	}

	#popup-codes .popup-send {
		top: 6px;
	}

	.popup-area {
		position: relative;
		width: 100%;
		color: #373737;
		border: 0;
		background-color: #E2E2E2;
		height: 90px;
		font-size: 11px;
		padding: 9px 10px;
		font-family: 'Fira Sans', sans-serif;
		background-position: right 7px;
		background-image: url(../img/icon-pencil.png);
		background-repeat: no-repeat;
		letter-spacing: 1px;


	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#popup-project-published .popup-area, form .popup-area {
		background-color: #f4f4f4;
	}

	.popup-area:focus {
		background-color: #FFF;
		outline: 0;
	}

	.popup-area.small {
		height: 50px;
	}

	#popup-uploader {
		cursor: pointer;
		margin-top: 2px;


	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	#popup-uploader:hover {
		color: #262626;
	}

	.popup-upload {
		margin-top: 50px;
		display: none !important;
	}

	.popup-header {
		position: relative;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
		text-transform: uppercase;
	}
	.popup-header.popup-header-second {
		padding-left:183px;
	}

	.popup-header.popup-header-black {
		font-weight: 600;
	}

	.popup-content-menu .popup-header {
		font-weight: 600;
	}

	#popup-project-settings .popup-content-content .popup-section > .popup-header:first-child {
		font-weight: 600;
		margin-bottom: 10px;
	}

	.popup-question {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
		font-size: 14px;
		line-height: 20px;
	}

	.popup-question a {
		color: #656565;

	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.popup-question a:hover {
		color: #313131;
	}	

	.popup-question img {
		display: block;
	}

	.popup-copy-clipboard {
		position: absolute;
		top: 78px;
		right: 0;
		cursor: pointer;
		border: 1px solid rgba(0,0,0,0.4);
		padding: 2px;
		z-index: 1;
		background-color: #e2e2e2;
	}

	#popup-project-published .popup-copy-clipboard {
		top: 61px;
	}

	.popup-section {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		display: none;
	}

	.popup-section:first-child {
		display: block;
	}

	.popup-block {
		position: relative;
		margin-top: 20px;
		overflow: hidden;
		clear: both;
	}

	.popup-block.popup-counter {
		padding-right: 20px;
	}

	.popup-block.popup-block-half {
		float: left;
		width: 50%;
		padding-bottom: 1px;
		margin-top: 0;
		font-size: 12px;
	}

	.popup-block-half span {
		text-decoration: underline;
		cursor: pointer;
		margin-top: 0;
	}

	.popup-block-half:last-child {
		text-align: right;
	}

	.popup-block-tab {
		padding-left: 10px;
	}

	.popup-block-tab input {
		margin: 0 0 5px;
	}

	.popup-block-tab input:last-child {
		margin: 0;
	}
	
	#popup-stats .popup-block {
		margin-top: 18px;
	}

	#popup-project-settings .popup-content-menu .popup-block {
		margin-top: 5px;
	}

	#popup-project-settings .popup-content-menu .popup-block:first-child {
		margin-top: 0;
	}

	.popup-block.popup-block-dropdown {
		margin-top: 10px;
		display: none;
	}

	.popup-block.popup-block-dropdown.live {
		display: block;



	    -webkit-transition: opacity  .5s;
	    -moz-transition: opacity  .5s;
	    -o-transition: opacity  .5s;
	    transition: opacity  .5s;
	}

	.popup-block.popup-block-dropdown.ng-hide {
		opacity: 0;
	}

	.popup-block-plan {
		margin-top: 10px;
		overflow: hidden;
	}

	.popup-content-content .popup-block:first-child .popup-content-menu .popup-block:first-child, .popup-content-plan .popup-block:first-child, #popup-billing .popup-block:first-child {
		margin: 0;
	}

	.popup-block-dimensions {
		display: inline-block;
		width: 90px;
		margin-top: 0;
		margin-right: 4px;
	}

	.popup-block-htmledition {
		overflow: visible;
	}

	.popup-block-htmledition .popup-block {
		overflow: visible;
	}

	#popup-project-settings .popup-block-dimensions {
		width: 130px;
	}

	.popup-block-framerate {
		float: right;
		width: 130px;
		margin-top: 0;
	}

	.popup-block-big {
		display: inline-block;
		margin-top: 0 !important;
		width: 66%;
		padding-right: 5px;
	}

	.popup-block-small {
		margin-top: 0 !important;
		width: 34%;
		float: right;
	}

	.popup-block-medium {
		position: relative;
		display: inline-block;
		width: 50%;
		vertical-align: middle;
	}

	.popup-block-medium:nth-child(2n+1) {
		padding-right: 2px;
	}

	.popup-block-medium:nth-child(2n) {
		padding-left: 2px;
	}

	.popup-block-res-url {
		margin-top: 10px;
	}

	.popup-block.popup-block-nomargin {
		margin-top: 10px;
	}

	.popup-block.popup-block-marginzero {
		margin: 0;
	}

	.popup-block.popup-block-marginbottom {
		margin-bottom: 20px;
	}

	.popup-block .popup-input:last-child {
		margin-bottom: 0;
	}

	.popup-block-with-label label {
		position: relative;
		float: left;
		width: 33%;
		line-height: 30px;
	}

	.popup-block-with-label input, .popup-block-with-label textarea {
		position: relative;
		float: left;
		width: 67%;
	}

	#popup-create-team .popup-block:first-child {
		margin-top: 0;
	}

	#popup-codes .popup-block:first-child {
		margin-top: 0;
	}

	.popup-toggle {
		position: relative;
		float: left;
		width: 110px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		background-color: #E2E2E2;
		text-transform: uppercase;



	    -webkit-transition: color .5s, background-color .5s;
	    -moz-transition: color .5s, background-color .5s;
	    -o-transition: color .5s, background-color .5s;
	    transition: color .5s, background-color .5s;
	}

	.popup-toggle-button {
		background-color: #656565;
		cursor: pointer;
		color: #E2E2E2;
	}

	.popup-toggle-button:hover {
		background-color: #505050;
		color: #FFF;
	}

	.popup-radio {
		position: relative;
		clear: both;
	}

	.popup-radio input {
		margin-right: 2px;
	}

	.popup-radio input:last-child {
		margin-left: 10px;
	}

	#popup-cdn {
		margin-top: 10px;
	}

	#popup-cdn-video {
		margin-top: 10px;
	}

	.popup-multiinput {
		position: relative;
		width: 100%;
		height: 30px;
	}

	.popup-multiinput-margin {
		margin-top: 10px;
	}

	.popup-multiinput .popup-input {
		width: 120px;
		background-image: none;
		float: left;
		margin-right: 10px;
		padding-right: 10px;
		padding-left: 10px;
		background-position: right center;
		background-image: url(../img/icon-pencil.png);
		background-repeat: no-repeat;
	}

	.popup-pencil {
		position: relative;
		float: left;
		width: 30px;
		height: 30px;
		background: no-repeat left center url(../img/icon-pencil.png);
	}

	.popup-accordion-trigger {
		cursor: pointer;
	}

	.popup-accordion {
		display: none;
	}

	.popup-content-menu .popup-block:first-child .popup-accordion {
		display: block;
	}

	.popup-accordion .popup-block:first-child {
		margin-top: 10px;
	}

	.popup-block-devices {
		margin-top: 10px;
	}

/*	.popup-accordion .popup-header {
		text-indent: 21px;
		height: 11px;
		margin-bottom: 5px;
	}

	.popup-accordion .popup-header-margin {
		margin-top: 10px;
	}*/

	.popup-resource {
		position: relative;
		text-indent: 31px;
		font-size: 10px;
	}

	.popup-embed {
		height: auto;
		background-image: none;
		cursor: text;
		word-wrap: break-word;
	}

	.popup-embed-code {
		height: 115px;
	}

	.popup-want-demo {
		position: relative;
		clear: both;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.popup-want-demo input {
		margin-right: 5px;
	}

	#popup-project-published .popup-embed-code, #embeds-codes .popup-embed-code {
		height: 85px;
	}

	.popup-embed-code.popup-embed-inactive, #embeds-link .popup-embed-code.popup-embed-inactive {
		height: 60px;
		background-color: #dadada;
		color: #999;
	}

	#embeds-link .popup-embed-code {
		height: 60px;
	}

	#popup-login a.popup-button-light {
		color: #D4D4D4;
	}

	#popup-login a.popup-button-light:hover {
		color: #FFF;
	}

	.popup-nextobutton {
		position: absolute;
		bottom: 4px;
		left: 0;
		color: #313131;
		border-bottom: 1px solid;
		cursor: pointer;
	}

	.popup-nextobutton.nextobutton-relative {
		position: relative;
		float: right;
		margin-top: 12px;
		margin-right: 20px;
	}

	.popup-nextobutton.nextobutton-relative:first-child {
		margin-right: 0;
	}

	.popup-nextobutton.no-clickable {
		border: none;
	}

	.popup-nextobutton.upgrade-to-pro {
		position: relative;
		float: left;
	}

	#popup-media-info .popup-nextobutton {
		bottom: 10px;
		left: 44px;
	}

	.popup-publish-codes .popup-nextobutton {
		position: relative;
		font-size: 11px;
		float: left;
		bottom: 0;
	}

	.popup-nextobutton a {
		color: #313131;
		text-decoration: none;
	}

	.popup-nextobutton a:hover {
		color: #262626;
	}

	.popup-block-avatar {
		overflow: hidden;
		margin-top: 0;
	}

	.appearance-block .popup-block-avatar{
	    cursor: pointer;

	}

	.popup-avatar {
		position: relative;
		float: left;
		width: 64px;
		height: 64px;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px;
		background-color: #000;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-right: 10px;
		cursor: pointer;
	}

	.popup-block-avatar .popup-header {
		float: left;
	}

	.popup-avatar .video-cover {
			position: relative;
			width: 64px;
			height: 64px;
		}

	.popup-text {
		position: relative;
		margin-bottom: 20px;
		text-align: justify;
	}

	.popup-text.big-text {
	    font-size: 20px;
	    text-align: center;
	    margin-top: 20px;
	    margin-left: 20px;
	    margin-right: 20px;
	}

	.popup-text.medium-text{
		font-size: 14px;
	    text-align: center;
	    margin: 20px;
	}

	.popup-text.loading-text{
		font-size: 14px;
	    text-align: center;
	    margin: 20px;
		min-width: 330px;
	}

	.popup-text.center-text {
	    text-align: center;
	    margin-left: 30px;
	    margin-right: 30px;
	    top: 80px;
	    font-size: 12px;
	}

	.popup-text.popup-counter {
		padding-right: 20px;
	}

	.popup-text a {
		color: inherit;
		text-decoration: none;
		border-bottom: 1px solid;
	}

	.popup-facebook-connect .popup-text a {
		font-size: 12px;
		margin-bottom: 12px;
		display: inline-block;
		cursor: pointer;
	}

	.popup-text.popup-text-small {
		font-size: 9px;
		font-style: italic;
		margin-bottom: 0;
		margin-top: 10px;
		text-align: left;
	}

	.popup-text.popup-text-small a {
		color: inherit;
		text-decoration: none;
		border-bottom: 1px solid;
	}

	.popup-text.popup-text-small i {
		font-size: 12px;
	}

	.popup-text.popup-text-note {
		color: #999;
		margin-top: 0;
		margin-bottom: 0;
	}

	.popup-text.popup-text-warning {
		color: #900;
		margin-top: 0;
		margin-bottom: 16px;
	}

	.popup-text.popup-text-support {
		margin: 5px 0 0;
		border-bottom: 1px dotted;
		display: inline-block;
	}

	.popupBlack .popup-text {
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 0;
	}

	.popupTemplate .popup-text {
		color: #313131;
		text-align: center;
		text-transform: uppercase;
		margin-bottom: 0;
		font-weight: 600;
	}

	.popup-facebook-connect .popup-text {
		color: #313131;
		text-align: center;
		margin-bottom: 0;
		font-weight: 600;
		text-transform: none;
		font-weight: 400;
	}

	#popup-check-publish .popup-text {
		font-size: 14px;
	}

	#popup-check-publish .popup-text.big-text {
		font-size: 20px;
		margin-bottom: 20px;
	}

	#popup-check-publish .popup-text.popup-header {
		font-size: 11px;
	}

	#popup-check-publish .popup-generate-step {
		color: #313131;
		font-weight: 500;
		font-size: 12px;
	}

	.popup-facebook-connect .popup-header {
		font-weight: 600;
		text-transform: uppercase;
	}

	.popup-facebook-connect .popup-text-image {
		position: relative;
		text-align: center;
		margin: 40px 0 20px;
	}

	#popup-check-publish .popup-text-image {
		margin: 0 0 20px;
	}

	.popup-facebook-connect .popup-text-subheader {
		margin-bottom: 72px;
		font-size: 14px;
		line-height: 22px;
	}

	.popupTemplate .popup-template-subtitle {
		text-transform: none;
		font-size: 16px;
		line-height: 24px;
		margin: 10px 0 50px;
		font-family: 'Fira Sans', sans-serif;
	}

	#popup-team .popup-text {
		margin-top: 10px;
	}

	.popup-header .popup-text {
		text-transform: none;
	}

	.popup-text-marginlow {
		margin-bottom: 10px;
	}

	.popup-text p:last-child {
		margin: 0;
	}

	.popup-text-advice {
		margin-top: 5px;
		font-style: italic;
		font-size: 10px;
		margin-bottom: 0;
		line-height: 20px;
	}

	.popup-text-advice a {
		color: inherit;
		border-bottom: 1px solid;
	}

	.popup-float-container {
		position: relative;
		clear: both;
		overflow: hidden;
	}

	.popup-left {
		float: left;
	}

	.popup-right {
		float: right;
	}

	#popup-login {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index:999;
		/*background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../img/login-bg.jpg);*/
		background-color: #313131;
	}

	#popup-login .popup-bg {
		background: transparent;
	}

	#popup-login .popup-box {
		position: relative;
		height: auto;
		top: 0;
		left: auto;
		margin: 56px auto 0;
		background-color: #f1f1f1;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;
	}

	#popup-login.popup-signup .popup-box {
		height: auto;
	}

	#popup-login .popup-head {
		height: auto;
		padding: 0;
		background-color: transparent;
		margin-bottom: 20px;
	}

	#popup-login .popup-title {
		font-size: 17px;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 0;
		line-height: 24px;
		height: auto;
		border-bottom: none;
		margin-bottom: 20px;
		text-transform: none;
	}

	#popup-login .popup-title-small {
		font-size: 14px;
	}

	#popup-login .popup-cont {
		height: auto;
		margin-bottom: 0;
	}

	#popup-login.popup-signup .popup-cont {
		height: auto;
	}

	#popup-login .popup-input {
		background-color: #FFF;
		height: 40px;
		font-size: 13px;
		background-image: none;
	}

	#popup-login .popup-input-error, #login-facebook .popup-input-error {
		position: relative;
		width: 100%;
		color: #900;
		font-size: 11px;
		text-transform: uppercase;
		line-height: 20px;
	}

	#popup-login .popup-button {
		float: none;
		width: 100%;
		font-size: 12px;
		letter-spacing: 1px;
		color: #313131;
		background-color: rgba(229,189,69,1);
		margin-left: 0;
		font-weight: 600;
		opacity: 1;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#popup-login .popup-button:hover {
		background-color: rgba(229,189,69,0.8);
	}

	#popup-login .popup-button.submitFacebook {
		text-transform: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../img/logo_submit_facebook.svg);
		background-color: #3b5998;
		color: white;
		padding-left: 24px;
		font-size: 14px;
        letter-spacing: 0;
        font-weight: normal;
	}
	#signup-landing .popup-button.submitFacebook {
		text-transform: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../img/logo_submit_facebook.svg);
		background-color: #3b5998;
		color: white;
		padding-left: 24px;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: normal;
	}
    #facebook-login{
        max-width: 250px;
        margin: 0 auto;
    }
	#popup-login a {
		color: inherit;
		border-bottom: 1px solid #CCC;
		text-decoration: none;


	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	#popup-login a:hover {
		color: inherit;
		text-decoration: none;
	}

	.popup-full-line {
		position: relative;
		width: 100%;
		height: 1px;
		margin: 7px 0 13px;
		background-color: #ccc;
	}

	.popup-text-linethrough {
		position: absolute;
		width: 170px;
		height: 20px;
		background-color: #f1f1f1;
		top: 0;
		left: 50%;
		margin-left: -85px;
		text-transform: uppercase;
		text-align: center;
		color: #656565;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.popup-login-logos {
		position: relative;
		display: flex;
		width: 100%;
		height: 30px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-content: space-between;
		opacity: 0.4;
	}

	.popup-login-logos img {
		width: auto;
		max-width: 100%;
	}

	.popup-login-logo {
		position: relative;
		width: 25%;
		text-align: center;
		padding: 0 5px;
	}

	.popup-login-logos img:first-child {
		margin-left: 0;
	}

	.popup-login-logos img:last-child {
		margin-right: 0;
	}

	.login-testimonials {
		position: relative;
		clear: both;
		width: 100%;
		max-width: 600px;
		padding: 0 20px;
		color: #FFF;
		font-family: 'Fira Sans', sans-serif;
		line-height: 20px;
		font-size: 12px;
		text-align: center;
		margin: 40px auto 50px;
	}

	.login-testimonial {
		position: relative;
		clear: both;
		display: none;
	}

	.login-testimonial-text {
		position: relative;
		clear: both;
	}

	.login-testimonial-title {
		position: relative;
		clear: both;
		margin: 10px 0;
		font-weight: 600;
	}

	.login-testimonials-buttons {
		position: relative;
		width: 100%;
		height: 10px;
	}

	.login-testimonial-button {
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
		background-color: #CCC;
		cursor: pointer;
		margin: 5px;



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.login-testimonial-button:hover {
		background-color: #FFF;
	}

	.login-testimonial-button.active {
		background-color: #f5f5f5;
	}

	#my-signin2 {
		text-align: center;
		margin-bottom: 0px;
	}
	#my-signin-fb {
		text-align: center;
		margin-bottom: 0px;
		border: 1px solid #ccc
	}

	.abcRioButton {
		box-shadow: none !important;
		margin: 0 auto !important;
		border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; 
	}

	#popup-login ul {
		margin: 0;
		list-style: none;
		padding: 0;
	}

	#popup-login li {
		color: #313131;
		margin: 0;
		padding: 0;
		color: #900;
	}

	#popup-login .popup-divider {
		position: relative;
		clear: both;
		width: 100%;
		height: 50px;
		background-position: center left;
		background-repeat: repeat;
		background-image: url(../img/divider-bg.png);
		text-align: center;
	}

	#popup-login .popup-divider .popup-divider-text {
		background-color: #f1f1f1;
		height: 50px;
		width: 60px;
		font-size: 14px;
		margin: 0 auto;
		line-height: 48px;
	}

	#login-facebook .popup-divider {
		position: relative;
		clear: both;
		width: 100%;
		height: 50px;
		background-position: center left;
		background-repeat: repeat;
		background-image: url(../img/divider-bg.png);
		text-align: center;
	}

	#login-facebook .popup-divider .popup-divider-text {
		background-color: #fff;
		height: 50px;
		width: 60px;
		font-size: 14px;
		margin: 0 auto;
		line-height: 48px;
	}

	#login-facebook .button-google {
	    text-align: center;
        width: 210px;
        margin-left: 80px;
        padding-top: 8px;
	}

	#popup-login .popup-login-foot {
		color: #a0a0a0;
		text-align: center;
		line-height: 20px;
		margin: 0;
	}

	.popup-login-foot .link, .popup-want-demo .link {
		cursor: pointer;
		border-bottom: 1px solid #CCC;
	}

	.popup-buttons {
		position: relative;
		clear: both;
		overflow: hidden;
		margin: 0 40px;
		padding-top: 20px;
		height: 60px;
		border-top: 1px solid #313131;
	}

	.paypal-button {
		position: relative;
		float: right;
	}

	.popup-button, a.popup-button {
		position: relative;
		float: right;
		width: 105px;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #D4D4D4;
		background-color: #313131;
		cursor: pointer;
		text-align: center;
		margin-left: 2px;
		border: 0;
		text-decoration: none;
		opacity: 1;


	    -webkit-transition: color .5s, background-color .5s, opacity: .5s;
	    -moz-transition: color .5s, background-color .5s, opacity: .5s;
	    -o-transition: color .5s, background-color .5s, opacity: .5s;
	    transition: color .5s, background-color .5s, opacity: .5s;
	}

	.popup-button.popup-button-full, a.popup-button.popup-button-full {
		width: 100%;
	}

    #popup-browser a.popup-button{
        width: 240px;
        float: none;
        margin: 0 auto;
        display: block;
        margin-top: 35px;
    }

    #popup-check-publish .popup-generate-button {
    	width: 100%;
    	font-size: 13px;
    	color: #fff;
    	text-transform: uppercase;
    }

    #popup-browser .popup-text{
        text-align:center;
    }

    #popup-browser .popup-text a{
        cursor:pointer;
    }

    #popup-browser .popup-text.half{
        width:80%;
        margin: 0 auto;
        font-size: 12px
    }

    #popup-browser .popup-text.big-text{
        margin-top: 35px;
    }

    #popup-duplicated-hooks .popup-button {
    	width:  240px;
    	float:  left;
    	margin:  35px 10px;
    }

    #popup-duplicated-hooks .popup-text{
        text-align:center;
    }

    #popup-duplicated-hooks .popup-text a{
        cursor:pointer;
    }

    #popup-duplicated-hooks .popup-text.half{
        width:80%;
        margin: 0 auto;
        font-size: 12px
    }

    #popup-duplicated-hooks .popup-text.big-text{
        margin-top: 35px;
    }

	.popup-button.button_margin{
	    margin-bottom:4px;
	}

	.popup-button.button-center{
	    margin: 0 auto !important;
	    float: none !important;
	    width: 160px !important;
	    top: 30px !important;
	}

	.import-other{
		width:auto;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 10px;
		float:left;
	}

	.popup-button-long, a.popup-button-long {
		width: 205px;
	}

	.popup-button.inactive {
		opacity: 0.4;
		cursor: default;
	}

	.popup-button.inactive:hover {
		color: #d4d4d4;
	}

	#share_embed .popup-button {
	    padding-left: 28px;
	    padding-right: 28px;
	    width: auto;
	}

	#rules-variables .popup-button {
		float: none;
		margin-left: 0;
	}


	#popup-login a.popup-button {
		color: #D4D4D4;
	}

	#popup-login a.popup-button:hover {
		color: #FFF;
	}

	.popup-button:disabled {
		opacity: 0.5;
	}

	.popup-button:hover {
		color: #FFF;
		background-color: #262626;
	}

	.popup-button.inactive:hover {
		background-color: #313131;
	}

	.popup-button-light, a.popup-button-light {
		background-color: #656565;
	}

	.popup-button-light:hover, a.popup-button-light:hover {
		background-color: #505050;
	}

	.popup-button-light.inactive:hover {
		background-color: #656565;
		color: #d4d4d4;
	}

	.popup-button.popup-button-less {
		background-color: transparent;
		color: #313131;
		text-decoration: underline;
	}

	.popup-button.popup-button-less:hover {
		color: #000;
	}

	.popup-button-success {
		display: none;
	}

	.sprite_buttons {
		position: relative;
		text-align: center;
		padding: 10px 0;
	}

	#info_content .popup-button {
		height: 30px;
		line-height: 30px;
		float: none;
		display: inline-block;
		width: 46%;
		margin: 0;
	}

	#info_content .sprite_button_single .popup-button {
		width: 92%;
	}

	.popup-lost .popup-block {
		margin-top: 10px;
	}

	.popup-block-upload {
		margin-top: 0;
	}

	.popup-import-block {
		position: relative;
		float: left;
		width: 195px;
		height: 105px;
		margin-bottom: 10px;
		background-color: #f4f4f4;
		background-position: center 28px;
		background-repeat: no-repeat;
		cursor: pointer;



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-import-block:hover {
		background-color: #FFF;
	}

	.popup-import-block:nth-child(even) {
		margin-left: 10px;
	}

	#popup-import-video {
		background-image: url(../img/ico-create-video.png);
	}

	#popup-import-image {
		background-image: url(../img/ico-create-image.png);
	}

	#popup-import-sequence {
		background-image: url(../img/ico-create-sequence.png);
	}

	#popup-import-html {
		background-image: url(../img/ico-create-html.png);
	}

	#popup-import-subtitle {
		background-image: url(../img/ico-create-subtitle.png);
	}

	#popup-import-audio {
		background-image: url(../img/ico-create-audio.png);
	}

	#popup-import-counter {
		background-image: url(../img/ico-create-counter.png);
	}

	#popup-import-condition {
		background-image: url(../img/ico-create-condition.png);
	}

	#popup-import-form {
		background-image: url(../img/ico-create-form.png);
	}

	#popup-import-poll {
		background-image: url(../img/ico-create-poll.png);
	}

	#popup-import-text {
		background-image: url(../img/ico-create-text.png);
	}

	#popup-import-multivideo {
		background-image: url(../img/ico-create-multivideo.png);
	}

	#popup-import-videocreator {
		background-image: url(../img/ico-import-videocreator.png);
	}

	#popup-import-videoform {
		background-image: url(../img/ico-import-videoform.png);
	}

	.popup-import-text {
		position: absolute;
		bottom: 15px;
		left: 0;
		width: 100%;
		height: 11px;
		line-height: 11px;
		font-size: 11px;
		text-transform: uppercase;
		text-align: center;
		color: #313131;
		font-weight: 600;
	}

	.popup-link {
		position: relative;
		cursor: pointer;
		color: #313131;
		border-bottom: 1px solid;
		float: left;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.popup-link.clear {
		clear: both;
		margin-top: 10px;
	}

	.popup-link a {
		color: #313131;



	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.popup-link:hover {
		color: #262626;
	}

	.popup-link a:hover {
		color: #262626;
	}

	.popup-sizer {
		position: relative;
		width: 100%;
		color: #373737;
		border: 0;
		background-color: #E2E2E2;
		height: 30px;
		font-size: 11px;
		padding: 9px 10px 8px;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
	}

	.popup-size {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color: #ECEFED;
	}

	.popup-size-text {
		position: absolute;
		top: 0;
		left: 0;
		padding: 9px 10px 8px;
	}

	.popup-events-block {
		position: relative;
		width: 100%;
		clear: both;
		overflow: hidden;
	}

	.popup-events-block.primary {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px dotted #666;
	}

	.popup-events-block.dragger {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}

	.popup-events-block.source {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 0;
	}

	.popup-events-block.primary:first-child {
		margin-top: 0;
	}

	.popup-events-radios {
		position: relative;
		clear: both;
		overflow: hidden;
	}

	.popup-event-radio {
		position: relative;
		float: left;
		margin-right: 20px;
	}

	.popup-event-radio input[type="radio"] {
		margin-right: 2px;
	}

	.popup-events-name {
		position: relative;
		float: left;
		width: 30%;
		padding-right: 10px;
		overflow: hidden;
		height: 20px;
		line-height: 20px;
	}

	.popup-events-name.checkboxes {
		width: 50%;
	}

	.popup-events-name.qualities {
		width: 30%;
	}

	.popup-events-block.source .popup-events-name {
		height: 30px;
		line-height: 30px;
	}

	.popup-events-options {
		position: relative;
		float: right;
		width: 70%;
		padding-left: 10px;
		overflow: hidden;
		text-align: right;
	}

	.popup-events-options.checkboxes {
		width: 50%;
		text-align: center;
	}

	.popup-events-options.qualities {
		width: 70%;
		text-align: center;
	}

	.popup-events-option {
		position: relative;
		display: inline-block;
		margin-left: 30px;
	}

	.popup-publish-codes .popup-events-option {
		display: block;
		margin-left: 1px;
	}

	.popup-events-options.checkboxes .popup-events-option {
		margin: 0;
		width: 33.33%;
	}

	.popup-events-options.qualities .popup-events-option {
		margin: 0;
		width: 20%;
	}

	.popup-events-option.first-row {
		cursor: pointer;
	}

	.popup-events-options.qualities .popup-events-option.first-row {
		margin-bottom: 5px;
	}

	.popup-events-option.small {
		width: 25%;
	}

	.popup-events-option.big {
		width: 50%;
	}

	.popup-events-option input[type="checkbox"] {
		margin: 3px 0 0;
	}

	#popup-bitrate-values {
		position: absolute;
		height: 20px;
		bottom: 0;
		right: 0;
		width: 70%;
		line-height: 20px;
	}

	.popup-bitrate-marker {
		position: absolute;
		color: #aaa;
	}

	#popup-bitrate-low {
		left: 0;
	}

	#popup-bitrate-high {
		right: 0;
	}

	#popup-bitrate-current {
		position: absolute;
		text-align: center;
		color: #333;
	}

	.popup-iframe {
		position: absolute;
		top: 50%;
		left: 50%;
	}

	.popup-iframe iframe {
		position: relative;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}

	.popup-terms {
	    height: 100%;
	    padding: 0;
	}

	.popup-terms iframe {
		position: relative;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 0;
		margin: 0;
	}

	#terms-download {
		color: #313131;
		border-bottom: 1px solid #313131;
		position: absolute;
		right: 10px;
		top: 5px;
	}

	#terms-download a {
		color: #313131;
	}

	#terms-accept #terms-download {
		right: auto;
		left: 0;
		top: 0;
	}

	#terms-title {
		position: relative;
		clear: both;
		color: #313131;
		font-size: 14px;
		text-transform: uppercase;
	}

	#terms-accept {
		position: relative;
		clear: both;
		text-align: right;
		margin-top: 30px;
	}

	.popup-container-plan {
		position: relative;
		width: 1100px;
		height: 100%;
	}

	.popup-carrousel-arrow {
		position: absolute;
		top: 50%;
		margin-top: 30px;
		width: 16px;
		height: 16px;
		cursor: pointer;
	}

	#popup-carrousel-arrow-left {
		left: 15px;
		background-image: url(../img/carrousel-left-arrow.png);
	}

	#popup-carrousel-arrow-right {
		right: 15px;
		background-image: url(../img/carrousel-right-arrow.png);
	}

	.popup-content-plan {
		position: relative;
		float: left;
		width: 220px;
		padding: 0 10px;
	}

	.popup-publication-plan {
		position: relative;
		width: 100%;
		padding: 10px 20px 15px;
		background-color: #e5e5e5;
		background-position: center 50px;
		background-repeat: no-repeat;
		text-align: center;
		line-height: 20px;
		cursor: pointer;



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-publication-plan.not-available {
		background-color: transparent;
		cursor: default;
	}

	.popup-publication-plan:not(.not-available):hover {
		background-color: #f5f5f5;
	}

	.popup-publication-plan:not(.not-available).selected {
		background-color: #FFF;
	}

	.popup-publication-plan.selected:not(.not-available):hover {
		background-color: #FFF;
	}

	.popup-plan-image {
		position: relative;
		clear: both;
		width: 100%;
	}

	.popup-plan-image img {
		display: inline-block;
		max-width: 90%;
	}

	.popup-plan-title {
		position: relative;
		clear: both;
		width: 100%;
		font-size: 16px;
		font-weight: bold;
	}

	.popup-plan-separator {
		position: relative;
		clear: both;
		width: 30px;
		height: 1px;
		margin: 5px auto;
		background-color: #313131;
	}

	.popup-plan-description {
		position: relative;
		clear: both;
		font-size: 12px;
	}

	.popup-plan-selection {
		position: relative;
		clear: both;
		width: 100%;
		margin-top: 10px;
		font-weight: bold;
	}

	.popup-plan-selected {
		position: relative;
		margin: 0 auto;
		width: 20px;
		height: 20px;
		background-color: #FFF;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-publication-plan.selected .popup-plan-selected {
		background-color: #d4d4d4;
	}

	.popup-publication-plan:not(.selected):hover .popup-plan-selected {
		background-color: #d4d4d4;
	}

	.popup-plan-selected-pointer {
		position: relative;
		width: 12px;
		height: 12px;
		margin: 0 4px;
		top: 4px;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-publication-plan.selected .popup-plan-selected-pointer {
		background-color: #313131;
	}

	.popup-stats-big {
		position: relative;
		float: left;
		width: 34%;
		text-align: center;
		font-size: 49px;
		line-height: 40px;
		font-weight: 300;
	}

	.popup-stats-big .small {
		font-size: 16px;
		text-transform: lowercase;
	}

	.popup-stats-small {
		position: relative;
		float: right;
		width: 66%;
		line-height: 14px;
	}

	.popup-stats-text {
		position: relative;
		font-weight: 600;
		margin-top: 2px;
	}

	.popup-stats-text:last-child {
		position: relative;
		font-family: 'Fira Sans', sans-serif;
		margin-top: 5px;
	}

	.popup-changeplan-item {
		position: relative;
		width: 100%;
		height: 85px;
		margin-bottom: 2px;
		background-color: #e5e5e5;
		cursor: pointer;
		padding: 15px;
		overflow: hidden;



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-changeplan-item.not-available {
		background-color: #e5e5e5;
		opacity: 0.4;
		cursor: default;
	}

	.popup-changeplan-item:not(.not-available):hover {
		background-color: #f5f5f5;
	}

	.popup-changeplan-item.selected {
		background-color: #FFF;
	}

	.popup-changeplan-item.selected:hover {
		background-color: #FFF;
	}

	.popup-changeplan-block {
		position: relative;
		float: left;
	}

	.popup-changeplan-item .popup-plan-selection {
		width: 35px;
		margin: 0;
	}

	.popup-changeplan-item .popup-plan-selected {
		margin: 20px 0;
	}

	.popup-changeplan-item.selected .popup-plan-selected {
		background-color: #d4d4d4;
	}

	.popup-changeplan-item:not(.selected):hover .popup-plan-selected {
		background-color: #d4d4d4;
	}

	.popup-changeplan-item.selected .popup-plan-selected-pointer {
		background-color: #313131;
	}

	.popup-changeplan-content {
		width: 225px;
		line-height: 20px;
	}

	#popup-basic-plan .popup-changeplan-content, #popup-team-plan .popup-changeplan-content {
		margin: 10px 0;
	}

	.popup-changeplan-title {
		font-weight: 600;
	}

	.popup-changeplan-description {
		color: #656565;
		line-height: 16px;
	}

	.popup-changeplan-prize {
		width: 110px;
		text-align: right;
		font-size: 42px;
		line-height: 56px;
		font-weight: 300;
	}

	.popup-changeplan-prize .small {
		font-size: 16px;
		margin-left: -12px;
	}	

	.popup-action {
		border-bottom: 1px solid;
		cursor: pointer;
	}

	.underlined {
		border-bottom: 1px solid #313131;
	}

	.mymedium {
		font-weight: 500;
		cursor: default;
	}

	.mybolded{
		font-weight: 600;
		cursor: default;
	}

	.hr_videos{
		 border: 0;
    	height: 0;
    	border-top: 1px solid rgba(0, 0, 0, 0.1);
    	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.payment-subtitle .underlined, #popup-login .underlined {
		font-weight: 600;
		cursor: pointer;
	}

	#popup-payment-title {
		position: relative;
		clear: both;
		width: 100%;
		text-align: center;
		font-size: 16px;
		line-height: 20px;
		font-weight: 600;
	}

	#popup-payment-methods {
		position: relative;
		clear: both;
		width: 100%;
		margin: 50px 0;
	}

	.popup-payment-method {
		position: relative;
		display: inline-block;
		width: 280px;
		height: 190px;
		border: 1px solid;
		color: #313131;
		text-align: center;
		padding: 40px 0;
		cursor: pointer;
		opacity: 0.4;



	    -webkit-transition: opacity  .5s;
	    -moz-transition: opacity  .5s;
	    -o-transition: opacity  .5s;
	    transition: opacity  .5s;
	}

	.popup-payment-method:hover {
		opacity: 0.7;
	}

	.popup-payment-method.selected {
		opacity: 1;
	}

	.popup-payment-method.selected:hover {
		opacity: 1;
	}

	.popup-payment-icon {
		position: relative;
		clear: both;
		font-size: 48px;
	}

	.popup-payment-text {
		position: relative;
		clear: both;
		font-weight: 600;
		font-size: 14px;
		margin-top: 5px;
	}

	.popup-payment-method:first-child {
		margin-right: 15px;
	}

	.popup-payment-method:last-child {
		margin-left: 15px;
	}

	#popup-payment-buttons {
		position: relative;
		clear: both;
	}

	#popup-payment-buttons .popup-nextobutton {
		position: relative;
		float: right;
		margin-top: 18px;
		margin-right: 30px;
	}

	.popup-validate-section {
		border-bottom: 1px solid #999;
		padding: 10px 0px;
	}

	.popup-validate-section-header {
		display: flex;
		align-items: center;
	}

	.popup-validate-section-icon {
		font-size:26px;
		color:#313131;
		margin: 0px;
	}

	.popup-validate-section-title {
		font-size: 14px !important;
		font-weight: 500 !important;
		text-align: left;
		margin: 0px !important;
		width: 348px;
		padding: 0px 10px;
	}

	.popup-validate-section-alarm {
		font-variation-settings:
		'FILL' 1,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24;
		color: #E61B47;
		font-size: 14px;
		position: absolute;
		left: -6px;
		top: -11px;
	}

	.popup-validate-section-text {
		font-size: 12px !important;
		text-align: left;
		margin-top: 6px !important;
	}

	.popup-validate-section-button {
		border-radius: 5px;
		cursor: pointer;
		transition: 0.2s;
		padding: 6px;
	}

	.popup-validate-section-button:hover {
		border-radius: 5px;
		background-color: #f3f3f3;
		cursor: pointer;
		transition: 0.2s;
	}

	.popup-validate-section-content {
		display: none;
		padding: 6px;
	}

	.popup-validate-buttons {
		position: relative;
		clear: both;
    	overflow: hidden;
		height: auto;
		border: none;
		margin: 32px 40px 0px 40px;
		padding-top: 0px;
	}

	.popup-publish {
		text-align: center;
		background-color: #ccc;
		padding: 30px 30px 10px;
		height: 450px;



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	.popup-publish:hover {
		background-color: #FFF;
	}

	.popup-publish-image {
		position: relative;
		display: inline-block;
		width: 126px;
		height: 71px;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.popup-publish-image.popup-published-image {
		width: 283px;
		height: 181px;
	}

	#popup-publish-test .popup-publish-image {
		background-image: url(../img/ico_test_mode.png);
	}

	#popup-publish-launch .popup-publish-image {
		background-image: url(../img/ico_launch_mode.png);
	}

	#popup-published-test {
		background-image: url(../img/fito_happy.png);
	}

	#popup-published-launch {
		background-image: url(../img/ico_launch.png);
	}

	.popup-publish-header {
		position: relative;
		clear: both;
		margin: 20px 0 10px;
		font-size: 20px;
		line-height: 20px;
		color: #313131;
		font-weight: 600;
	}

	.popup-publish-header:last-child {
		margin: 10px 0 20px;
	}

	.popup-project-published-confirm .popup-publish-header {
		margin-top: 150px;
		line-height: 26px;
		margin-bottom: 0;
	}

	.popup-publish-text {
		position: relative;
		clear: both;
		font-size: 12px;
		line-height: 20px;
		max-width: 640px;
		margin-top: 20px;
	}

	.popup-publish-text.popup-block-marginzero {
		margin: 0;
	}

	#popup-publish-password {
		height: 20px;
		cursor: pointer;
		text-align: left;
		color: #656565;
	}

	#popup-publish-password-check {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		border: 2px solid;
		vertical-align: top;
	}

	#popup-publish-password-check-bullet {
		position: relative;
		width: 6px;
		height: 6px;
		margin: 5px;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
		background-color: #505050;
	}

	#popup-publish-password-text {
		display: inline-block;
		line-height: 20px;
		margin-left: 5px;
		vertical-align: top;
		font-size: 14px;
		margin-top: 0;
	}

	#popup-publish-setpassword {
		position: relative;
		border: 0;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		background-color: #e2e2e2;
		width: 100%;
		max-width: 270px;
		color: #656565;
		font-family: 'Fira Sans', sans-serif;
	}

	#embeds-link #popup-publish-password-check {
		width: 10px;
		height: 10px;
		border: 1px solid;
	}

	#embeds-link #popup-publish-password-check-bullet {
		width: 4px;
		height: 4px;
		margin: 2px;
	}

	#embeds-link #popup-publish-password-text {
		line-height: 10px;
		font-size: 12px;
		margin-top: -1px;
	}

	#embeds-link #popup-publish-setpassword {
		border: 0;
		font-size: 12px;
		background-color: #e2e2e2;
	}

	#embeds-link .popup-send {
		top: 7px;
	}

	.popup-publish-button {
		position: absolute;
		width: 100%;
		bottom: 20px;
		left: -10px;
		width: 100%;
		text-align: center;
	}

	#popup-publish-launch .popup-publish-button {
		left: 10px;
	}

	.popup-publish .popup-button {
		float: none;
		width: 206px;
		display: inline-block;
	}

	#popup-publish-confirm-buttons {
		text-align: center;
	}

	#popup-publish-confirm-buttons .popup-button {
		float: none;
		display: inline-block;
		width: 150px;
	}	

	#popup-publish-process {
		position: relative;
		text-align: center;
		margin-top: 150px;
	}

	#popup-project-published {
		position: relative;
		text-align: center;
		margin-top: 20px;
	}

	#popup-check-publish {
		position: relative;
		max-width: 640px;
		margin: 0 auto;
	}

	.popup-publish-codes {
		position: relative;
		clear: both;
		width: 100%;
		text-align: left;
		margin: 30px auto 0;
		font-size: 13px;
	}

	#popup-codes .popup-publish-codes {
		margin: 0;
	}

	.popup-publish-codes .popup-input, .popup-publish-codes .popup-area {
		font-size: 13px;
	}

	#popup-publish-codes-test .popup-area {
		height: 40px;
		overflow: hidden;
		padding: 0 30px 0 10px;
		line-height: 40px;
	}

	#popup-publish-codes-test .popup-copy-clipboard {
		top: 7px;
		right: 5px;
	}

	#popup-publish-codes-test .popup-launch-clipboard {
		top: 7px;
		right: 28px;
	}

	#popup-publish-codes-test a {
		color: inherit;
	}

	.popup-video-preview {
		width: 100%;
		height: auto;
	}

	.popup-video-preview video {
		position: relative;
		width: 100%;
	}

	#popup-content-video-info ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	#embed_copied {
		position: fixed;
		width: 250px;
		height: 40px;
		line-height: 40px;
		color: #000;
		background-color: #FFF;
		border: 1px solid #000;
		display: none;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -125px;
		z-index: 100000099;
		text-align: center;
	}

	#walkthrough-demo {
		position: absolute;
		left: 40px;
		bottom: 37px;
		color: #313131;
	}

	#walkthrough-demo a {
		color: #313131;
		text-decoration: none;
		border-bottom: 1px solid;
	}

	#walkthrough-demo a:hover {
		color: #262626;
		text-decoration: none;
	}

	#walkthrough-dontshow {
		position: absolute;
		right: 40px;
		bottom: 40px;
		color: #313131;
	}

	#walkthrough-box {
		position: relative;
		float: left;
		width: 10px;
		height: 10px;
		border: 1px solid #313131;
		cursor: pointer;
	}

	#walkthrough-pointer {
		position: relative;
		width: 6px;
		height: 6px;
		margin: 1px;
		background-color: #313131;
	}

	#walkthrough-dontshow-text {
		position: relative;
		float: left;
		margin-left: 4px;
		line-height: 100%;
	}

	#feature {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 650px;
		margin-top: -325px;
		margin-left: -240px;
		background-color: #2b2b2b;
	}

	#feature-images {
		position: relative;
		width: 241px;
		height: 241px;
		margin: 40px auto 50px;
	}

	.feature-image {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		width: 241px;
		height: 241px;
	}

	.feature-image img {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
	}

	#feature-hector {
		position: relative;
		width: 120px;
		height: 120px;
		margin: 10px auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/ico-hector-big.jpg);
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	}

	#feature-javi {
		position: relative;
		width: 120px;
		height: 120px;
		margin: 10px auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/ico-javi.jpg);
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
	}

	#feature-pau {
		position: relative;
		width: 120px;
		height: 120px;
		margin: 10px auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/ico-pau.jpg);
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
        margin-top: 40px;
	}

	#feature-gabe {
		position: relative;
		width: 120px;
		height: 120px;
		margin: 10px auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/ico-gabe.jpg);
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
        margin-top: 40px;
	}

	#feature-content {
		position: relative;
		padding: 0 40px;
		width: 100%;
		height: 120px;
		overflow: hidden;
	}

	.feature-elem-content {
		position: relative;
		top: 0;
		left: 0;
		padding: 0 40px;
		margin-bottom: 20px;
		color: #313131;
		display: none;
	}

	.feature-elem-title {
		position: relative;
		clear: both;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.feature-elem-text {
		position: relative;
		clear: both;
		text-align: justify;
	}

	.feature-elem-text strong {
		font-weight: normal;
		font-weight: 600;
	}

	/*#feature-bullets {
		position: relative;
		text-align: center;
		height: 10px;
	}*/

    #feature-bullets {
		position: absolute;
		text-align: center;
		height: 10px;
		bottom: 20px;
		width: 100%;
	}



	.feature-bullet {
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 2px;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
		background-color: #666;
		/*cursor: pointer;*/



	    -webkit-transition: background-color  .5s;
	    -moz-transition: background-color  .5s;
	    -o-transition: background-color  .5s;
	    transition: background-color  .5s;
	}

	/*.feature-bullet:hover {
		background-color: #656565;
	}*/

	.feature-bullet-active {
		cursor: default;
		background-color: #999;
	}

	.feature-bullet-active:hover {
		background-color: #ccc;
	}

	.feature-arrows {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -7px;
		width: 10px;
		height: 14px;
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
		opacity: 0.7;



	    -webkit-transition: opacity  .5s;
	    -moz-transition: opacity  .5s;
	    -o-transition: opacity  .5s;
	    transition: opacity  .5s;
	}

	.feature-arrows:hover {
		opacity: 1;
	}

	#feature-arrow-left {
		margin-left: -270px;
		background-image: url(../img/walkthrough-left-arrow.png);
	}

	#feature-arrow-right {
		margin-left: 260px;
		background-image: url(../img/walkthrough-right-arrow.png);
	}

	#feature-demo {
		position: absolute;
		left: 40px;
		bottom: 37px;
		color: #313131;
	}

	#feature-demo a {
		color: #313131;
		text-decoration: none;
		border-bottom: 1px solid;
	}

	#feature-demo a:hover {
		color: #262626;
		text-decoration: none;
	}

	#feature-dontshow {
		position: absolute;
		right: 40px;
		bottom: 25px;
		color: #313131;
	}

	#feature-box {
		position: relative;
		float: left;
		width: 10px;
		height: 10px;
		border: 1px solid #313131;
		cursor: pointer;
	}

	#feature-pointer {
		position: relative;
		width: 6px;
		height: 6px;
		margin: 1px;
		background-color: #313131;
	}

	#feature-dontshow-text {
		position: relative;
		float: left;
		margin-left: 4px;
		line-height: 100%;
	}

	#hubspot-demo-form .hs_submit {
		border-top: 1px solid #999;
		margin-top: 20px;
	}

	#hubspot-demo-form .hs_submit .actions {
		margin: 0 !important;
		padding: 0 !important;
	}

	#hubspot-demo-form .hs_submit .hs-button {
		box-shadow: 0 !important;
		margin-top: 10px;
		background-color: #e5bd5d !important;
		color: #000 !important;
		font-weight: 600;
		font-weight: normal;
	}	

	.popup-trial-publish {
		position: relative;
	}

	.popup-trial-publish .walkthrough-elem-title {
		 text-align: center; 
		 font-family: 'Fira Sans', sans-serif; 
		 color: #ffffff; 
		 margin-bottom: 5px;
	}

	.popup-trial-publish .walkthrough-elem-text {
		 margin-bottom: 20px; 
		 font-size: 14px; 
		 color: #999;
	}
	.previewPopUp{
		display: flex;
		justify-content: center;
	}

	#preview-dashboard-slides {
		width: 100%;
		height: 100%;
		padding: 30px;
		display: flex;
		position: relative;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	#preview-dashboard {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
		z-index: 100000;
	}

	#preview-dashboard-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}

	#preview-dashboard-close {
		position: absolute;
		top: 10%;
		right: 8%;
		width: 13px;
		height: 13px;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		background-image: url(../img/icon-close-white-cross.png);
	}
	.preview-dashboard-iframe-preview{
		position: relative;
		width: 100%;
		height: 100%;
		max-width: 1170px;
		border: 0;
	}

	.preview-dashboard-iframe {
		position: relative;
		width: 80%;
		height: 80%;
		max-width: 1170px;
		border: 0;
	}

	.popup-form-enable {
		position: relative;
		height: 20px;
		line-height: 20px;
		float: left;
		width: 50%;
	}

	.popup-form-enable.popup-form-enable-inline {
		position: absolute;
		top: 0;
		right: 0;
		float: none;
		width: 24px;
	}

	.popup-form-enable.popup-form-enable-inline-bottom {
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		float: none;
    	width: 24px;
	}

	.popup-form-enable.slides-edition-enable-inline {
		position: absolute;
		top: 16px;
		right: 16px;
		float: none;
		width: 24px;
	}

	.popup-form-enable .project-status {
		width: 24px;
		float: left;
		margin-top: 4px;
		margin-right: 10px;
		cursor: pointer;
		background-color: #999;
	}

	.popup-form-enable .project-unpublished {
		cursor: pointer;
		width: 12px;
		float: left;
		background-color: #656565;
	}

	.popup-form-enable .project-published {
		cursor: pointer;
		width: 12px;
		float: right;
	}

	.popup-form-enable .popup-header {
		float: left;
	}

	.popup-form-required {
		position: relative;
		height: 20px;
		line-height: 20px;
		float: right;
	}

	.popup-cookies {
		position: relative;
		clear: both;
		width: 100%;
		height: 20px;
		line-height: 20px;
		margin-bottom: 4px;
	}

	.popup-cookies:first-child {
		margin-top: 10px;
	}

	.popup-cookies-text {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.popup-cookies-switch {
		position: absolute;
		right: 2px;
		top: 2px;
		height: 16px;
	}

	.popup-cookies-switch .switch {
		margin: 0;
		width: 32px;
		height: 16px;
	}

	.popup-cookies-switch .slider::before {
		width: 16px;
		height: 16px;
	}

	.popup-cookies-switch-disabled {
		opacity: 0.3;
		pointer-events: none;
	}

	.popupFull {
		overflow-y: hidden;
	}

	.popupFull.popupFullScroll {
		overflow-y: auto;
	}

	.popupFull .popup-bg {
		background-color: #fff;
	}

	.popup-full {
		position: absolute;
		height: auto;
		min-height: 100%;
		width: 100%;
		padding: 60px !important;
		overflow-y: auto;
		color: #313131;
		background-color: #F6f6f6;
	}

	.popup-full-content {
		position: relative;
		display: block;
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
	}

	.popup-full-content.popup-full-cover {
		width: 580px;
	}

	.popup-full-header {
		position: relative;
		clear: both;
		margin-bottom: 20px;
		text-align: center;
	}

	.popup-full-title {
		position: relative;
		clear: both;
		font-size: 24px;
		line-height: 100%;
		margin-bottom: 20px;
	}

	.popup-full-subtitle {
		position: relative;
		clear: both;
		font-size: 13px;
		line-height: 20px;
	}

	.popup-full-cover-image {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		background-color: #000;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: center center;
	}

	.popup-full-cover-image-button {
		position: relative;
		clear: both;
		width: 156px;
		height: 40px;
		cursor: pointer;
		margin-top: 8px;
		font-size: 11px;
		line-height: 40px;
		font-weight: 600;
		color: #888;
		background-color: #fafafa;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-image: url(../img/ico-upload-initial-cover.png);
		text-indent: 30px;
		border: 1px solid #ccc;
		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
	}

	.popup-full-cover-image .appearance-cti-title {
		font-size: 31.2px;
		margin-bottom: 17.94px;
	}

	.popup-full-cover-image .appearance-cti-button-text {
		padding: 15.6px 24.18px;
		font-size: 11.7px;
		margin-top: 31.2px;
	}

	.popup-full-cover-image-button img {
		position: relative;
		clear: both;
		display: block;
		margin-bottom: 15px;
	}

	.popup-full-cover-fields {
		position: relative;
		clear: both;
		width: 100%;
		height: 40px;
		overflow: hidden;
		margin-top: 16px; 
	}

	.popup-full-cover-fields input {
		position: relative;
		float: left;
		width: 69%;
		height: 40px;
		border: 1px solid #ccc;
		font-size: 14px;
		color: #656565;
		padding: 0 10px;
		line-height: 40px;
		letter-spacing: 1px;
		font-family: 'Fira Sans', sans-serif;
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; 
	}

	.popup-full-cover-fields input:last-child {
		float: right;
		width: 30%;
	}


	.popup-full-cover-navigation-button {
		position: relative;
		float: right;
		clear: both;
		margin-top: 0;
		font-weight: 600;
		cursor: pointer;
		width: 120px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		color: #f4f4f4;
		background-color: #313131;
		border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; 



	    -webkit-transition: color  .5s, background-color .5s;
	    -moz-transition: color  .5s, background-color .5s;
	    -o-transition: color  .5s, background-color .5s;
	    transition: color  .5s, background-color .5s;
	}

	.popup-full-cover-navigation-button:hover {
		color: #FFF;
		background-color: #000;
	}

	.popup-full ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		opacity: 0.6;
	}
	.popup-full :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   opacity:  0.6;
	}
	.popup-full ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   opacity:  0.6;
	}
	.popup-full :-ms-input-placeholder { /* Internet Explorer 10-11 */
		opacity: 0.6;
	}


	/*	Select interaction	*/

	.popup-interactions {
		position: relative;
		margin-top: 50px;
	}

	.popup-interaction {
		position: relative;
		display: inline-block;
		width: 33.333%;
		padding: 0 20px;
		margin-bottom: 30px;
		height: auto;
	}

	.popup-interaction-content {
		position: relative;
		display: block;
		clear: both;
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	.popup-interaction-thumbnail {
		position: relative;
		width: 100%;
		padding-bottom: 56.25%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		border: 1px solid #b2b2b2;
	}

	.popup-interaction-veil {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.6);
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../img/ico-plus.png);
		opacity: 0;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	.popup-interaction-thumbnail:hover .popup-interaction-veil {
		opacity: 1;
	}

	.popup-interaction-name {
		position: relative;
		clear: both;
		height: 30px;
		line-height: 30px;
		color: #333;
		font-size: 12px;
		font-weight: 600;
	}

	.popup-interaction-tooltip {
		color: #aeaeae;
		font-family: 'Fira Sans', sans-serif;
	}



	/*	Checkout trial 	*/

	#popup-login .popup-box.popup-checkout-trial {
		margin-bottom: 56px;
	}

	#popup-buy-process.popup-checkout-trial {
		padding-bottom: 40px !important;
	}

	.popup-checkout-trial .popup-title-trial {
		margin-bottom: 10px !important;
		letter-spacing: 1px !important;
		font-weight: 500;
	}

	.popup-checkout-trial .popup-title-small {
		margin: 0 40px;
		text-align: center;
	}

	#popup-login .popup-bg.popup-bg-checkout {
		position: fixed;
		background-color: #313131;
	}

	.buy-process-block-header {
		position: relative;
		margin: 0; 
		font-size: 12px;
		line-height: 20px;		
	}

	.buy-process-error {
		position: relative; 
		float: right;
		color: red;
		font-size: 11px;
		font-weight: 600;
	}

 	.popup-input-indent {
 		padding-left: 40px;
 		background-repeat: no-repeat;
 		background-position: 11px center;
 	}
	.popup-input-coupon-display{
		display: flex; 
		align-items:center; 
		justify-content:space-between
	}

	.popup-open-coupon{
		margin: 8px 0; 
		font-weight: 600; 
		color: #747474; 
		cursor: pointer;
	}

	.popup-input-plus-icon{
		cursor: pointer; 
		margin-right:10px;
	}
 	#popup-login #popup-input-cardnumber {
 		padding-right: 150px;
 		background-position: 11px center, right 10px center;
 		background-image: url(../img/buy-process-credit-card.png), url(../img/payment/ico_cards.png);
 	}

	.buy-process-block-content {
		position: relative;
		margin-top: 8px;
		overflow: hidden;
	}

	#credit-card-meta {
		position: absolute; 
		top: 9px; 
		right: 10px;
	}

	.popup-block-checkout {
		margin-top: 8px;
	}

	.popup-checkout-help {
		position: absolute;
		top: 12px;
		right: 10px;
	}

	.tooltip_templates {
		display: none;
	}

	#popup-buy-process.popup-checkout-trial .button-container {
		position: relative;
		bottom: auto;
		height: 48px;
		width: auto;
		margin-top: 20px;
		padding: 0;
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 
		overflow: hidden;
	}

	.popup-checkout-trial .popup-button {
		height: 48px;
		line-height: 48px;
	}

	.popup-checkout-trial #buy-process-logos {
		width: 100%;
	}

	#popup-login .popup-checkout-trial #checkout-faqs .popup-divider .popup-divider-text {
		width: 180px;
	}

	#popup-login .popup-checkout-trial #checkout-testimonials .popup-divider .popup-divider-text {
		width: 200px;
	}

	#checkout-faqs {
		position: relative;
		width: 100%;
		margin-bottom: 32px;
	}

	.checkout-faq {
		position: relative;
		margin-bottom: 8px;
		border: 1px solid #ccc;
		background-color: #eaeaea;
		padding: 16px;
		color: #777;
		font-size: 14px;
		line-height: 20px;
		cursor: pointer;
		background-position: right 16px top 21px;
		background-repeat: no-repeat;
		background-image: url(../img/payment/arrow-down.png);
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; 
	}

	.checkout-faq.opened {
		background-image: url(../img/payment/arrow-up.png);
	}

	.checkout-faq-header {
		position: relative;
		clear: both;
		padding-right: 24px;
	}

	.checkout-faq-content {
		position: relative;
		clear: both;
		display: none;
		margin-top: 16px;
		font-weight: 300;
		font-size: 13px;
	}

	.checkout-faq-content span {
		border-bottom: 1px solid;
		font-weight: 300 !important;
	}

	#checkout-testimonials {
		position: relative;
		width: 100%;
		margin-top: 32px;
	}

	.checkout-testimonial {
		position: relative;
		width: 100%;
		padding-bottom: 24px;
		margin-bottom: 24px;
		border-bottom: 1px dotted #ccc;
		font-size: 13px;
		color: #656565;
		text-align: center;
		line-height: 20px;
	}

	.checkout-testimonial-image {
		position: relative;
		clear: both;
	}

	.checkout-testimonial-text {
		position: relative;
		margin: 16px auto 8px;
		font-style: italic;
		max-width: 310px;
	}

	.checkout-testimonial-name {
		position: relative;
		clear: both;
	}

	.checkout-testimonial-company {
		color: #999;
	}



    .popup-checkout-trial ::-webkit-input-placeholder{
        color: #CCC;
        opacity: 1;
    }
    .popup-checkout-trial :-moz-placeholder{
        color: #CCC;
        opacity: 1;
    }
    .popup-checkout-trial ::-moz-placeholder{
        color: #CCC;
        opacity: 1;
    }
    .popup-checkout-trial :-ms-input-placeholder{
        color: #CCC;
        opacity: 1;
    }


@media (max-height: 780px) {
	#popup-check-publish .popup-text-image {
		display: none;
	}
}



/**
 * 5.0 Builder
 *
 * -----------------------------------------------------------------------------
 */


#Main {
	position: absolute;
	height: 100%;
	width: 100%; 
	background-color: #313131;
	z-index: 0;
}

#Main_12T56,#Block3,#Block4{
	position: absolute;
	top:0px;
	height:100%; 
	display:inline-block;
	overflow: hidden;
}


/*#Main_12T56{width:80%;}*/
#Main_12{ position: absolute;width:100%;display:inline-block;padding: 0px;}
#Block1,#Block2{ 
	position: absolute;
	top:0px;
	height:100%;
	overflow: hidden;
}

#Block1{
	/*border: rgb(103,103,103) 0px solid;*/
	display:inline-block;
}

#Block2 {
/*	border: 1px solid #999;
	width:30%;
	left:70%*/
}

#Main_56{ 
	position: absolute;
	width:100%;
	display:inline-block;
	padding: 0px;
	height: 47%;
}
#Block5,#Block6{ position: absolute;top:0px;height:100%;overflow-y:hidden;}
#Block5{border: rgb(103,103,103) 0px solid;/*width:30%;*/}
#Block6{border: rgb(103,103,103) 0px solid;left:30%; /*width:70%;*/}
#Timer{position: absolute;height:24px;text-align:center;top:50%;font-size: 18px;z-index:1;}
#Timer{border: rgb(103,103,103) 2px solid; background-color:rgb(40,40,40); width:8%;left:39%}
/*#Block3{border: rgb(103,103,103) 1px solid;}
#Block4{border: rgb(103,103,103) 1px solid;}*/
/* Bloque1 */
#Buttons_b1{position: absolute;top:0px;height:100%;width:20px;left:20px;z-index:1;visibility: hidden;}
#Buttons_b1_t{position: absolute;height:80px;width:100%;top:15px;}
#Buttons_b1_b{position: absolute;bottom:15px;height:25px;width:100%; border-top: rgb(103,103,103) 1px solid;}
.button_b1_t{background-size: auto; background-position: top; width: 100%; height: 20px; background-repeat: no-repeat;cursor:pointer}
.button_b1_b{background-size: auto; background-position: bottom; width: 100%; height: 25px; background-repeat: no-repeat;cursor:pointer}
#options_button_b1{background-image: url("../img/options.jpg");}

#canvas_video{position: absolute; left:45px;  width:90%; top:30px; bottom:30px;  margin-left:auto;margin-right:auto; right:auto; visibility: hidden }
#canvas_video_preview{position:  relative; left:10px;}
@media all and (max-aspect-ratio: 5/3) {
	#canvas_video{position: absolute; top:14%; bottom:14%; width: 80%; margin-left:auto; margin-right:auto; left:45px;right:auto; }
}

#canvas{
/*	border:1px solid #ccc;*/
}

.video,.hide_element{position: absolute; height: 100%; top:0%; margin-left:auto;margin-right:auto; left:0; right:0;}
.videoPreview {position: relative; width:79%; height:auto; margin-top:5px; margin-left:20px; padding-bottom:4%;}
.hide_element{z-index:-1}
/*Fin Bloque 1*/

/* Bloque2 y 5*/
#title_b25{position: absolute; height:8%;width:100%;}
.title_b25{position: absolute;height:95%;width:30%;padding-top:1%;}
#title_b2_l,#title_b5_l{padding-top:1%; padding-left:3%; cursor:pointer}
#title_b2_r,#title_b5_r{left:33%;padding-top:1%;width:63%;border-left:rgb(103,103,103) 1px solid;border-bottom:rgb(103,103,103) 1px solid;padding-left:3%;background-color:rgb(50,50,50); cursor:pointer}

.content_b25 {
	position: absolute;
	top: 20%;
	width: 100%;
	height: 70%;
}
._cursor{cursor:pointer}

/*From commit 1bd1a46*/
/*#title_b25{position: absolute; height:40px;width:100%;}
.title_b25{position: absolute;height:21px;width:36%;padding-top:0%;}
#title_b2_l,#title_b5_l{padding-top:18px; padding-left:20px;}
#title_b2_r,#title_b5_r{left:41%;padding-top:18px;width:54%;border-left:rgb(103,103,103) 1px solid;border-bottom:rgb(103,103,103) 1px solid;padding-left:20px;background-color:rgb(50,50,50);}
.content_b25{position: absolute;top:40px;height:71%;width:100%;}*/
#content_b5{height:80%;} /* b5 no tiene tanta altura */                          /*bloque de timeline y add-ons*/
.select_content{position: relative;top:0%;height:100%;width:100%;}
.tag_content{position: absolute;top:0%;height:100%;width:93%;left:5%;}
#bottom_buttons{position: absolute;bottom:15px;height:25px;width:90%;left:5%;border-top:rgb(103,103,103) 1.5px solid;}
.button_b25_l,.button_b25_r{bottom:0px;display:inline-block;background-size: auto; background-position: bottom; width: 20px; height: 100%; background-repeat: no-repeat; cursor:pointer}
.button_b25_r{float:right;}
#insert_button_b125{background-image: url("../img/insert.jpg");}


/*051114T*/
.layer_up {/*background-image: url("../img/pixel.png"); */
	background-repeat:repeat; width:100%;
	z-index:2;}
#bottom_buttons_timeline{position: absolute;bottom:15px;height:24px;width:93%;left:5%; right:30px;border-top:rgb(103,103,103) 1.5px solid;}
#bottom_buttons_area_timeline{position: absolute;bottom:15px;height:24px;width:100%;border-top:rgb(103,103,103) 1.5px solid;-webkit-user-select: none;
    /*131114T*/
	-moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;}
	/*131114TF*/
#bottom_buttons_ee{margin-left:7%; position: absolute;bottom:15px;height:25px;width:90%;border-top:rgb(103,103,103) 1.5px solid; r}
#timeline { z-index:0;}
/*051114TF*/
/*061114T*/
#img_preview{ 
	/*width: 20px; height:6px;*/
	background-color: rgb(60,107,83); 
	font-size:10px; font-weight:bold;
	color:#FFF;left:5px; 
	text-align:center; 
	line-height: 20px;
	cursor: pointer;
}

.preview_button{height:60%;width:95px;display:inline-block;margin-left:5px;float:right;margin-right:20px;margin-left:0px; top: 50%; position: relative;}

/*061114TF*/

/* CSS de login*/
.space_login{height:100px;}
.space_login_done{height:112px;}
.space_login_reset{
	height:90px;
	margin-left:40px;}
.title_center{
	margin-left:40px;
	}
	
.form_square_reset{
	border: #FFF 1px solid;
	color:#FFF;
	width:370px;
	left:31%;
	height:310px;
	margin-left:11px;
	bottom:24px;
	position:relative;
	}
.form_square_line{ 
	border: #FFF 1px solid;
	color:#FFF;
	width:370px;
	left:30%;
	height:auto;
	/*margin-left:15px;*/
	bottom:15px;
	position:relative;
	}
.form_square_change{
	border: #FFF 1px solid;
	color:#FFF;
	width:370px;
	left:33%;
	height:310px;
	margin-left:15px;
	bottom:25px;
	position:relative;
	}
.form_square_password{
	border: #FFF 1px solid;
	color:#FFF;
	width:450px;
	left:30%;
	top:30%;
	height:300px;
	margin-left:15px;
	bottom:15px;
	position:relative;
	}
.form_help{ 
	left:30%;
	height:300px;
	margin-left:15px;
	margin-top:15px;
	bottom:15px;
	position:relative;
	color:#FFF;
	font-size: 14px;	
	}

.form_login:hover {
    text-decoration: underline;
}
.form_login{
	left:30%;
	height:300px;
	text-decoration:none;
	margin-left:15px;
	margin-top:15px;
	bottom:15px;
	position:relative;
	color:#00CED1;
	font-size: 15px;
	}
.forgotten{
    color:#FFF;
}
.set_p
{
    font-size:12px;
}

.div_input_type{
	height:40px;
	left:50px;
	margin-left:40px;
	
	
}
.form_controls {
display: block;
width: 85%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #fff;
background-color:rgb(116,112,112);
background-image: none;
/*border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}
.sr-only1 {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.custom-checkbox + label {
  position: relative;
  padding-left: 12px;
  font-size: 14px;
}
.label_reset {
   font-size: 14px;
   text-align:justify;
   font-weight:bold;
   display:block;
}

.btn-block1 {
display: block;
width: 40%;
height:50px;
padding-left: 0;
padding-right: 0;
}
.btn-lg1, .btn-group-lg1>.btn1 {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-primary1 {
color: #fff;
background-color: #39673e;
border-color: #39673e;
}
.btn1 {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 16px;
font-weight:bold;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn_center{
	text-align:center;}
.form-signin{margin: 0 auto; max-width:330px;}
.form-signin-heading {color: white;height:30px; margin-bottom:20px; font-size:21px; display:inline-block; margin-top:25px; }
#logo_playfilms{
	position:relative;
	background-image: url("../img/playfilm.png");
	background-repeat: no-repeat;
	background-position:right;
	width:85%;
	height:100%; 
	display:block;}


/* Fin CSS de login*/

/*CSS para img de marketplace*/

.div_img_popup { 
height:600px; 
width:800px; 
} 

.div_img_popup img { 
max-width:100%; 
max-height:100%; 
margin:auto; 
display:block; 
} 



/*fin CSS para img de marketplace*/


#duplicate_button_b125{background-image: url("../img/duplicate.jpg");}
#delete_button_b125{background-image: url("../img/delete.jpg");}
/*Fin Bloque 2 y 5*/

/* Bloque 2 */
.hide_label{position:absolute;height:100%;width:10px;right:0px;}
.img_hide{height:100%; width:100%;background-image: url("../img/esconder.png");background-repeat: no-repeat;background-position: right;}

#top_button_b2{position: absolute;top:1%;height:9%;width:90%;left:5%;border-bottom:rgb(103,103,103) 1px solid;}
#elements_content{top:10%;height:90%;}
.elements_row,.submenu_element{width:100%;}
.submenu{width:90%;margin-left:9%;}
.img_l1{height: 14px;width: 8%;display: inline-block;margin-top: 2px;}
.menu,.menu1{height: 6px;width: 87%;display: inline-block;margin-top: 5px;}
.menu{border-top: rgb(103,103,103) 1px solid;}
.menu_botton{ border-bottom:rgb(103,103,103) 1px solid;}
.menu_c{height: 18px;width: 79%;display: inline-block;margin-top: 0px; margin-bottom: 0px; border-top: rgb(103,103,103) 1px solid;}
.img_r{height: 13px;width: 15px;display: inline-block;margin-top: 2px; float:right;}
.img_space{height: 15px;width: 170px; display:block}
.img_space_1{height: 10px;width: 170px; display:block}

.menu_img{height: 14px;width: 15px;display: inline-block;}
.menu_img-1{height: 10px;width: 20px;display: inline-block;}
.menu_img_1w{height: 10px;width: 70px;display: inline-block;}
.menu_txt{height:14px;width: 80%;display: inline-block; cursor:pointer}
.menu_txt_2{height:28px;width: 80%;cursor:pointer}
.menu_txt_l_b {height:18px;width: 89%;display: inline-block; cursor:pointer;border-bottom:rgb(103,103,103) 1px solid;}

.img_circ{height:100%; width:100%;background-image: url("../img/circ.png");background-repeat: no-repeat;background-position: bottom;}
.img_circ_on{height:100%; width:100%;background-image: url("../img/circ_on.png");background-repeat: no-repeat;background-position: bottom;}
.img_bullet{height:100%; width:100%;background-image: url("../img/bullet.png");background-repeat: no-repeat;background-position: bottom;}
.img_ojo{height:100%; width:100%;background-image: url("../img/ojo.png");background-repeat: no-repeat;background-position: bottom; cursor: pointer;}
.img_tri_r{height:100%; width:100%;background-image: url("../img/tri_r.png");background-repeat: no-repeat;background-position: bottom;}
.img_tri_d{height:100%; width:100%;background-image: url("../img/tri_d.png");background-repeat: no-repeat;background-position: bottom;}
.img_insert{height:100%; width:100%;background-image: url("../img/insert.jpg");background-repeat: no-repeat;background-position: bottom;}
.img_icon1{height:100%; width:100%;background-image: url("../img/icon1.png");background-repeat: no-repeat;background-position: bottom;}
.img_icon2{height:100%; width:100%;background-image: url("../img/icon2.png");background-repeat: no-repeat;background-position: bottom;}
.img_ojo_no{height:100%; width:100%;background-image: url("../img/ojo_no.png");background-repeat: no-repeat;background-position: bottom; cursor: pointer;}


.icons_b2{height:30px;width:60%; margin-left:20%; border-bottom: rgb(103,103,103) 2px solid;}
.img_elements{height:100%; width:100%;background-image: url("../img/elements.png");background-repeat: no-repeat;background-position: center;}
.img_resources{height:100%; width:100%;background-image: url("../img/resources.png");background-repeat: no-repeat;background-position: center;}



/* Fin Bloque 2 */
/* Bloque3 */


#content{position: absolute;top:5%;height:94%;width:90%;left:1%;}
.line{border-color: rgb(103,103,103);}
.properties_ul{left:0;width:80%;}
.properties_li{left:0;width:50%;}
ul{-webkit-padding-start: 10px;}
select{width: 75%;}
.inputbox_r{border:none; background-color:rgb(64,64,64);margin-left: 15px;width:60px;}
.inputbox_r_2{border:none; background-color:rgb(64,64,64);width:115px; margin-top:5px;}
.inputbox_r-1{border: #FFF; margin-left: 5px;width:60px;}
.textarea_r_2{border:none; background-color:rgb(64,64,64);width:250px; height:50px;margin-top:5px;resize: none;}
.textalign_r_2{
	margin-bottom: 10px;
	color: #373737;
	border: 0;
	background-color: #373737;
	height: 30px;
	font-size: 11px;
	padding: 9px 30px 8px 10px;
	font-family: 'Fira Sans', sans-serif;
	background-position: right center;
	width: 20px;
	background-image:none;
	background-repeat: no-repeat;
	letter-spacing: 1px;
	float:right;
	width:20px;
	height:20px;
	padding: 0;
	margin: 0 0 0 3px;

	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;

}

.textalign_r_2 img {
	opacity: 0.4;
}

.textalign_r_2.active img {
	opacity: 1;
}

select{
	background-color:rgb(64,64,64);
	}

/*Fin Bloque 3*/
/* Bloque4 */

#Buttons_b4{position: absolute;width:80%;right:10%;}
#home_button{background-image: url("../img/home.png");}
#market_button{background-image: url("../img/market.png");}
#publish_button{background-image: url("../img/publish.png");}
#support_button{background-image: url("../img/support.png");}

/*Fin Bloque 4*/
/* Bloque5 */

.menu5,.menu5_1{height: 13px;display: inline-block;margin-top: 0px; margin-bottom: 0px;border-top: rgb(103,103,103) 1px solid;}
.menu5{padding-left: 10px;width: 75%;}
.menu5_1{padding-left: 20px;width: 72%;}

/*Fin Bloque 5*/
/* Bloque6 */

#timeline_img{top:10%;width: 100%; height: 80%; background-size: 100% 100%; background-repeat: no-repeat;}
.blank_footer_block{width:100%;height:20px;}
.TimelineContainer{postion:absolute;top:10%; width: 100%; height: 70%;overflow:auto;} /* Bloque timeline*/

.video_buttons,.video_buttons_r{height:15px;width:15px;margin-right: 3px; position:relative; cursor:pointer}
.video_buttons_r{float:right;margin-right:5px;margin-left:0px;}
/* 061114T */
.video_buttons_r_bottom{
		height:15px;
		width:15px;
		display:inline-block;
		margin-left:5px;
		float:right;
		margin-right:5px;
		margin-left:0px;
		margin-top:5px;
	    cursor:pointer}
/* 061114TF */
#restart{background-image: url("../img/button_rewind.jpg");background-repeat: no-repeat; margin-left: 5px;}
#rew{background-image: url("../img/button_back.jpg");background-repeat: no-repeat;}
#play{background-image: url("../img/button_play.jpg");background-repeat: no-repeat;}
#play.pause { background-image: url("../img/button_pause.png"); }
#fastFwd{background-image: url("../img/button_forward.png");background-repeat: no-repeat;}
.bottom_buttons_area_timeline{z-index:2;}
#zoomin{background-image: url("../img/16/zoomin.png");background-repeat: no-repeat;}
#zoomout{background-image: url("../img/16/zoomout.png");background-repeat: no-repeat;}

#mytimeline{height:auto;width:100%;overflow-y:hidden;position: relative;}
#axistimeline{height:100%;width:100%;overflow-y:hidden;}
#axisTimelineContainer{height:10%;}

.interaction_color {background-color:#cf5842;}
.addon_color {background-color:#3e9ecf;}
.audio_color { background-color: #3ecfa3; }
.media_color { background-color: #cf6e3e; }
.video_color {background-color:#cfaa3e;background-image: url("../img/timeline_play.png"); background-repeat: no-repeat;background-position: right center;}
.video_color1 {background-color:#cfaa3e;background-image: url("../img/timeline_pause.png"); background-repeat: no-repeat;background-position: right center;}
.video_color2 {background-color:#cfaa3e;background-image: url("../img/timeline_gotovideo.png"); background-repeat: no-repeat;background-position: right center;}

.timeline-event.noposter .timeline-event-content {
	background-image: none !important;
}

.timeline_group {
	position: relative;
	height: 30px;
	background-color: rgba(80,80,80,0.3);
	width: 100%;
}

/*
.timeline_cuadricula{width:1211px;height:80%; }
.time_bloque{width:100%;height:40%; overflow:auto;}
.fila{height:22px;}
.slot,.slot_red { width: 20px; height: 20px; display: inline-block;}
.slot_red{background-color:red}
*/
/*Fin Bloque 6*/
/* ventana modal */
.modal-open{overflow:hidden}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
.modal-footer:before,.modal-footer:after{content:" ";display:table}
.modal-footer:after{clear:both}

/*  drag and drop box */



.upload-buttons input[type="file"] {
	width: 6.3em \0/IE9;
	height: 1.5em;
	margin: 5px;
}

.upload-buttons input[multiple] {
	width: 6.2em \0/IE9;
}

.upload-button {
	width: 170px;
	Height: 30px;
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
	background: #CCC;
	appearance: button;
	-moz-appearance: button; /* Firefox */
	-webkit-appearance: button; /* Safari and Chrome */
}

.sel-file {
	padding: 1px 5px;
	font-size: smaller;
	color: grey;
}

.response {
	padding-top: 30px;
}

.response>ul {
	list-style-type: decimal;
}

.response li, .response .reqh {
	color: blue;
	font-size: smaller;
	padding-bottom: 5px;
}

.progress {
	display: inline-block;
	width: 100px;
	border: 3px groove #CCC;
}

.progress div {
	font-size: smaller;
	background: orange;
	width: 0;
}



.drop-box {
	margin-top:35px;
	background: #F8F8F8;
	border: 5px dashed #DDD;
	width: 200px;
	height: 65px;
	text-align: center;
	padding-top: 35px;
}

.drop-box.dragover {
	border: 5px dashed blue;
}

.drop-box.dragover-err {
	border: 5px dashed red;
}

/* for IE*/
.js-fileapi-wrapper {
	display: inline-block;
	vertical-align: middle;
}

button {
	padding: 1px 5px;
	font-size: smaller;
	margin: 0 3px;
}

.ng-v {
	float: right;
}

.sel-file img {
	float: left;
	width: 18px;
	height: 18px;
	padding-right: 10px;
}

.sub {
	font-size: smaller;
	color: #777;
	padding-top: 5px;
	padding-left: 10px;
}

.err {
	font-size: 12px;
	color: #C53F00;
	margin: 15px;
	padding: 15px;
	background-color: #F0F0F0;
	border: 1px solid black;
}



/********************************************
*											*
*			APTITUDELAB						*
*											*
********************************************/



.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
	right: 0;
}

.tooltip_text {
	border-bottom: 1px solid;
}





/*	LOGIN PAGE 	*/

.form_square_line {
	width: 286px;
	left: 50%;
	margin-left: -143px;
	padding: 30px;
	border: 2px solid #666;
}

.title_center {
	margin: 0;
}

#logo_playfilms {
	width: 100%;
	margin-bottom: 20px;
	background-image: url(../img/logo_playfilm_130.png);
}

#logo_playfilms h2 {
	margin: 0;
	line-height: 14px;
	font-size: 14px;
}

.form-signin-heading {
	height: auto;
}

.div_input_type {
	width: 100%;
	margin: 0;
	height: auto;
	margin-bottom: 14px;
}

.form_controls {
	width: 100%;
	border: none;
	letter-spacing: 1px;
	font-weight: bold;
}

.custom-checkbox + label {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
	letter-spacing: 1px;
}

.btn1 {
	font-size: 15px;
	line-height: 16px;
}

.btn-block1 {
	height: 40px;
	width: 120px;
}

.form_help {
	left: auto;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	font-size: 12px;
	line-height: 13px;
}

.form_help a {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}

.form_help a:hover {
	text-decoration: none;
}





/*	MAIN 	*/

#Main_12 {
	width: 100%;
}

#Main_56 {
	width: 100%;
	border-top: 1px solid #656565;
}

#main_divider {
	position: absolute;
	width: 100%;
	height: 10px;
	cursor: ns-resize;
	z-index: 10000;
}



/*	BLOCK 1	*/

#Buttons_b1_b {
	border-top: none;
}

#options_button_b1 {
	background-image: url(../img/button_grid.png);
}

.arrow_360 {
	background-size: auto; 
	background-position: center; 
	position:absolute;
	width: 20px; 
	height: 20px; 
	background-repeat: no-repeat;
	cursor:pointer;
	display: none;
	z-index:1;
	opacity: 0.8;
}
.arrow_360:hover {
    opacity: 1.0;
}

#arrow_360_left{
	background-image: url(../img/visor_left.png);
	left: 0px;
}

#arrow_360_right{
	background-image: url(../img/visor_right.png);
	right: 0px;
}

#arrow_360_top{
	background-image: url(../img/visor_up.png);
	top: 0px;
}

#arrow_360_bottom{
	background-image: url(../img/visor_down.png);
	bottom: 0px;
}

.arrow_multivideo {
	background-size: auto; 
	background-position: center; 
	position:absolute;
	width: 20px; 
	height: 20px; 
	background-repeat: no-repeat;
	cursor:pointer;
	display: none;
	z-index:1;
	opacity: 0.8;
}
.arrow_multivideo:hover {
    opacity: 1.0;
}

#arrow_multivideo_left{
	background-image: url(../img/visor_left.png);
	left: 0px;
	
}

#arrow_multivideo_up{
	background-image: url(../img/visor_up.png);
	top: 0px;
}

#arrow_multivideo_up:hover{
	opacity: 1.0;
}

#arrow_multivideo_right{
	background-image: url(../img/visor_right.png);
	right: 0px;
}

#arrow_multivideo_down{
	background-image: url(../img/visor_down.png);
	bottom: 0px;
}

#video360_panel {
	position: absolute;
	left: 20px;
	bottom: 10px;
	z-index: 1;
    color: #D4D4D4;
	display: none;
}

#panel_sequence_container360{
	background-position: bottom;
	background-repeat: no-repeat; 
	position: relative;
	width: 135px;
	height: 110px;
	display: none;
}

#panel_sequence360{
	/*position: relative;
    cursor: pointer;
	width: 100%;
	height: 100%;
    background-color: #505050;
    padding: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.7);
    */
    width: 100px;
    height: 100px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #505050;
     overflow: hidden;
     cursor:pointer;
}

#panel_seq_content360 {
  	position: absolute;
  	width: 11px;
    height: 11px;
  	top: 45px; left: 45px;
  	cursor:pointer;
  	background-image: url(../img/bullet_full.png);
}

#sequence_video360{
	position: relative;
	width: 100px; 
	height: 20px; 
	margin-top: 5px;
}

#sequence_video360_content{
    position: relative;
    cursor:pointer;
    width: 100%;
    height: 100%;



    -webkit-transition: color  .5s;
    -moz-transition: color  .5s;
    -o-transition: color  .5s;
    transition: color  .5s;
}

#sequence_video360_content:hover {
	color: #FFF;
}

#multivideo_panel {
	position: absolute;
	left: 20px;
	bottom: 10px;
	z-index: 1;
    color: #D4D4D4;
	display: none;
}



#panel_sequence_container{
	background-position: bottom;
	background-repeat: no-repeat; 
	position: relative;
	width: 135px;
	height: 90px;
	display: none;
}

#panel_sequence{
	position: relative;
    cursor: pointer;
	width: 100%;
	height: 100%;
    background-color: #505050;
    padding: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.7);
}

#panel_seq_content {
	position: relative;
	width: 100%;
	height: 100%;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}

.panel_seq {
	position: relative;
	float: left;
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	cursor: pointer;



    -webkit-transition: background-color  .5s;
    -moz-transition: background-color  .5s;
    -o-transition: background-color  .5s;
    transition: background-color  .5s;
}

.panel_seq:hover {
	background-color: #6A6A6A;
}

.panel_seq_active {
	background-color: #D4D4D4;
}

.panel_seq_active:hover {
	background-color: #D4D4D4;
}

#videos {
	position: relative;
	margin: 0 auto;
	background-color: #000;
	overflow: hidden;
}

.canvas_gl{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_player {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

.video_player_veil {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
}

.empty_video_info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #cfaa3e;
	text-align: center;
	line-height: 20px;
	color: #cfaa3e;
	display: none;
}

.pending_transcoding_video_info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 20px;
	color: #FFF;
	background-color: #000;
	display: block;
	z-index: 1;
}

pending_transcoding_video_info .empty_video_text {
	margin-top: -10px;
	padding: 0px 10px;
}

.empty_video_title {
	position: relative;
	top: 50%;
	margin-top: -35px;
	font-weight: 600;
}

.empty_video_text {
	position: relative;
	clear: both;
	margin-top: 20px;
	top: 50%;
	margin-top: 8px;
}

#sequence_multivideo{
	position: relative;
	width: 40px; 
	height: 20px; 
	margin-top: 5px;
}

#sequence_multivideo_content{
    position: relative;
    cursor:pointer;
    width: 100%;
    height: 100%;



    -webkit-transition: color  .5s;
    -moz-transition: color  .5s;
    -o-transition: color  .5s;
    transition: color  .5s;
}

#sequence_multivideo_content:hover {
	color: #FFF;
}







/*	BLOCK 2	*/


#Block2 {
	background-color: #505050;
	width: 260px;
	right: 0;
	border-left: 1px solid #656565;
}

.content_b25 {
	top: 80px;
}

.title_block {
	position: absolute;
	width: 100%;
	height: 40px;
	background-color: #505050;
	border-bottom: 1px solid #505050;
}

.title {
	position: relative;
	float: left;
	background-color: #656565;
	color: #D4D4D4;
	line-height: 20px;
	padding: 10px 20px;
	height: 100%;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.title.inactivo {
	background-color: #505050;
	color: #999;
	cursor: pointer;



    -webkit-transition: color  .5s;
    -moz-transition: color  .5s;
    -o-transition: color  .5s;
    transition: color  .5s;
}

.title.inactivo:hover {
	color: #FFF;
}

.title_text {
	position: relative;
	top: 50%;
	margin-top: -10px;
}

#library_importer {
	position: absolute;
	top: 40px;
	height: 40px;
	width: 100%;
	right: 0;
	background-color: #656565;
	line-height: 20px;
	padding: 10px 10px 10px 0;
	color: #D4D4D4;
}

#upgrade_project {
	position: absolute;
	top: 40px;
	height: 40px;
	width: 50%;
	background-color: #656565;
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	color: #D4D4D4;
}

.title-right-icon {
	position: relative;
	float: right;
	cursor: pointer;
	margin-right: 5px;
}

#library_importer .img_insert {
	position: relative;
	float: right;
	text-align: right;
	width: auto;
	height: 20px;
	padding-right: 30px;
	background: url(../img/insert_library.jpg) no-repeat center right;
	cursor: pointer;
}

#bottom_buttons_ee {
	display: none;
}

.tag_content {
	left: 0;
	width: 100%;
	overflow: hidden;
}

#timeline_elements, #timeline_videos, #timeline_elements_menu {
	position: relative;
}

.scroller_container {
	position: relative;
	padding-right: 10px;
	background-color: #333;
}

.scroller_subcontainer {
	position: relative;
	background-color: #505050;
	min-height: 100%;
}

.menu_button {
	height: 30px;
	border-bottom: 1px solid #373737;
	font-size: 11px;
	color: #999;
	font-weight: bold;
	cursor: pointer;
	background-color: #373737;
}

.menu_banda {
	position: relative;
	float: left;
	width: 10px;
	height: 100%;
}

.menu_banda.menu_banda_alert {
	display: inline-block;
	float: none;
	height: 60px;
}

.menu_banda.menu_banda_warning {
	display: inline-block;
	float: none;
	height: 60px;
	background-color: #cfaa3e;
}

.menu_content {
	position: relative;
	padding: 5px 0 5px 5px;
	line-height: 20px;
	float: left;
	width: 95%;
	height: 100%;
}

.menu {
	position: relative;
	height: 31px;
	border-bottom: 1px solid #272727;
	font-size: 11px;
	color: #D4D4D4;
	border-top: 0;
	margin-top: 0;
	width: 100%;
	background-color: #505050;
	padding: 5px 0 5px 15px;
	cursor: pointer;
}

#timeline_videos .menu {
	cursor: default;
}

.menu_info {
	position: absolute;
	top: 7px;
	right: 5px;
	width: 16px;
	height: 16px;
	background-color: #373737;
	cursor: pointer;
	z-index: 1;
	text-align: center;
	line-height: 16px;
	font-size: 9px;
	padding-left: 2px;
	color: #FFF;
}

.menu_info.menu_info_sec {
	right: 23px;
	background-position: center center;
	background-repeat: no-repeat;
}

.menu_info.menu_info_ter {
	right: 41px;
	background-position: center center;
	background-repeat: no-repeat;
}

#ico_res_upload {
	background-image: url(../img/ico-res-upload.jpg);
}

#ico_res_create {
	background-image: url(../img/ico-res-create.jpg);
}

#ico_res_createmultivideo {
	background-image: url(../img/ico-res-createmultivideo.jpg);
}

#ico_res_textgenerator {
	background-image: url(../img/ico-res-textgenerator.jpg);
}

.submenu {
	margin-left: 0;
	width: 100%;
	height: auto;
	background-color: #373737;
	font-size: 11px;
	color: #D4D4D4;
	cursor: url(../img/manita.png), auto;



    -webkit-transition: background-color .5s, color  .5s;
    -moz-transition: background-color .5s, color  .5s;
    -o-transition: background-color .5s, color  .5s;
    transition: background-color .5s, color  .5s;
}

.submenu.no_hand {
	cursor: pointer;
}

.submenu_element > .submenu:hover {
	background-color: #656565;
	color: #FFF;
}

.submenu.sub_upload .submenu_content {
	text-decoration: underline;
}

.submenu.sub_upload:hover {
	background-color: #373737;
}

.submenu.sub_disabled {
	cursor: default !important;



    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.submenu.sub_disabled:hover {
	background-color: #373737;
	color: #D4D4D4;
}

.submenu.sub_disabled .menu_banda {
	opacity: 0.4;
}

.submenu.sub_disabled .menu_txt {
	opacity: 0.4;
}

.submenu_element {
	position: relative;
	height: 31px;
	border-bottom: 1px solid #272727;
}

.submenu_element.replace_video {
	border: none;
}

.submenu_element_alert {
    display: inline-block;
    height: 60px;
    line-height: 16px;
    padding: 6px 10px;
    position: relative;
    vertical-align: top;
    width: 240px;
}

.submenu_element_alert p {
	margin: 0;
	padding: 0;
}

.submenu_element.submenu_width_height {
	height: 62px;
	border: 0;
}

.submenu_element > .submenu {
	height: 100%;
	position: relative;
}

.submenu_content {
	position: relative;
	padding: 5px 0 5px 17px;
	line-height: 20px;
	float: left;
	width: 95%;
	height: 100%;



    -webkit-transition: background-color .5s, color  .5s;
    -moz-transition: background-color .5s, color  .5s;
    -o-transition: background-color .5s, color  .5s;
    transition: background-color .5s, color  .5s;
}

.submenu_content.active {
	color: #FFF;
}

#library_resources .submenu_content {
	width: 100%;
}

#library_resources .submenu_content.active {
	background-color: #656565;
}

.submenu_info {
	position: absolute;
	top: 7px;
	right: 5px;
	width: 16px;
	height: 16px;
	background-color: #505050;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	text-align: center;
	line-height: 16px;
	font-size: 9px;
	padding-left: 2px;
	color: #FFF;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.sub_inf:hover .submenu_info {
	opacity: 1;
}

.submenu_processing {
	position: absolute;
	top: 7px;
	right: 4px;
	width: 48px;
	height: 16px;
	cursor: pointer;
	z-index: 1;
	text-align: right;
	line-height: 16px;
	font-size: 12px;
	padding-left: 2px;
	color: #D4D4D4;
}
.dashboard-video-meta .submenu_processing {
    top: 12px;
}

.dashboard-menu-title .submenu_processing {
    top: 11px;
}

.dashboard-menu-title:first-child .submenu_processing {
	top: -4px;
}

.submenu_outdated {
	right: 5px;
	color: #cfaa3e;
	opacity: 1;
}

.submenu_outdated.clipped {
	color: inherit;
}

#Block5 .submenu_outdated {
	right: 23px;
	background-color: transparent;
}

#timeline_videos .submenu_outdated {
	right: 0;
}

.sub_inf:hover .submenu_outdated {
	/*opacity: 0;*/
}

.sub_inactive {
	opacity: 0.2;
}

.menu_img {
	height: 100%;
	position: relative;
	float: left;
}

.img_bullet {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-image: url(../img/bullet_empty.png);
}

.img_bullet.clicado {
	background-image: url(../img/bullet_full.png);
}


.video_progress {
	position: relative;
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 6px auto;
    background-color: rgba(144,144,144,0.1);
}

.pietimer {
    position: relative;
    font-size: 8px;
}

.pietimer > .slice {
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0px,1em,1em,0.5em);
}

.pietimer > .slice.gt50 {
    clip:rect(auto, auto, auto, auto);
}

.pietimer > .slice > .pie {
    position:absolute;
    width:1em; /* 1 - (2 * border width) */
    height:1em; /* 1 - (2 * border width) */
    clip:rect(0em,0.5em,1em,0em);
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
    background-color: #999;
}

.pietimer > .slice > .pie.fill {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}

.pietimer.fill > .percent {
    display: none;
}

.pietimer.fill > .slice > .pie {
    border: transparent;
    background-color: #333;
    width:1em;
    height:1em;
}



.menu_txt {
	position: relative;
	/*float: left;*/
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	letter-spacing: 1px;
	word-wrap: break-word;
}

#timeline_videos .menu_txt {
	cursor: default;
}

.menu_txt i {
	font-size: 9px;
}

.menu_txt_20px {
	position: relative;
	margin-left: 5px;
	/*height: 20px;*/
	top:3px;
	/*line-height:20px;*/
	overflow: hidden;
	letter-spacing: 1px;
}

.submenu .menu_txt {
	cursor: url(../img/manita.png), auto;
}

.submenu.no_hand .menu_txt {
	cursor: pointer;
}

.submenu.sub_disabled .menu_txt {
	cursor: default;
}

.menu_txt.menu_txt_resources {
	text-indent: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

#ico_res_videos {
	background-image: url(../img/ico-res-videos.jpg);
}

#ico_res_images {
	background-image: url(../img/ico-res-images.jpg);
}

#ico_res_counters {
	background-image: url(../img/ico-res-counter.jpg);
}

#ico_res_conditions {
	background-image: url(../img/ico-res-conditions.jpg);
}

#ico_res_forms {
	background-image: url(../img/ico-res-forms.jpg);
}

#ico_res_htmls {
	background-image: url(../img/ico-res-htmls.jpg);
}

#ico_res_sequences {
	background-image: url(../img/ico-res-sequences.jpg);
}

#ico_res_audios {
	background-image: url(../img/ico-res-audios.jpg);
}

#ico_res_subtitles {
	background-image: url(../img/ico-res-subtitles.jpg);
}

.img_tri_r {
	background-position: center center;
}

.img_tri_d {
	background-position: center center;
}

.img_circ_on {
	background-position: center center;
	background-image: url(../img/bullet.png);
}

.submenu:hover > .submenu_content > .menu_img > .img_circ_on {
	background-image: url(../img/bullet_white.png);
}

.submenu_dup_del {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #373737;
	color: #CCC;
	line-height: 20px;
	border-top: 1px solid #505050;
}

.submenu_delete {
	position: relative;
	text-align: center;
	height: 100%;
	width: 50%;
	float: left;
}

#b2_delete .submenu_delete {
	width: 100%;
}

.sub_dupdel_block {
	position: relative;
	height: 100%;
	display: inline-block;
	cursor: pointer;
}

.sub_dupdel_txt {
	position: relative;
	margin-top: 10px;
	height: 20px;
	text-indent: 17px;
	background: no-repeat left 7px url(../img/delete.png);
}

.sub_dupdel_txt.duplicate {
	background: no-repeat left 6px url(../img/icon_duplicate.png);
}

.input_upload_resources {
	display: none !important;
}


/*	BLOCK 3	*/

#Block3 {
	/*background-color: #505050;*/
	overflow: hidden;
	width: 280px;
	right: 40px;
	position: absolute;
	border-left: 1px solid #656565;
	z-index: 1;
}

#Block3 .submenu {
	height: 40px;
	border-bottom: 1px solid #313131;
}

#Block3 .menu_content {
	padding: 10px 0 10px 10px;
}

#content {
	width: 100%;
	left: 0;
	overflow: auto;
	top: 40px;
	background-color: #505050;
}

#info_content {
	height: auto;
	background-color: #313131;
}

.info_content {
	height: 100%;
	padding-bottom: 20px;
}

#info_content .submenu {
	overflow: hidden;
	background-color: #656565;
	cursor: default;
	color: #D4D4D4;
}

#info_content .menu_txt {
	cursor: default;
	width: 90%;
}

#info_content .menu .menu_txt {
	cursor: pointer;
}

#info_content .submenu_processing {
	top: 10px;
}

#info_content .video_properties .menu_txt {
	cursor: pointer;
}

#info_content .submenu:hover {
	background-color:  #656565;
}

#info_content .info_image {
	position: relative;
	margin: 20px;
	background-color: #FFF;
	padding-bottom: 56.25%;
}

.info_imagen {
	position: relative;
	margin: 20px 10px 10px;
	background-color: #000;
	padding-bottom: 56.25%;
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
	overflow:hidden;
}

#resource-detail-image .info_imagen {
	margin: 0;
	background-color: transparent;
}

.info_audio {
	position: relative;
	margin: 20px 20px 15px;
}

.info_audio audio {
	width: 100%;
}

.info_sequence {
	position: relative;
	margin: 20px 20px 15px;
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
}

#resource-detail-image .info_sequence {
	margin: 0;
}

#dashboard-screen #appearance-screen .info_sequence {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
}

#info_app {
	position: relative;
	margin: 20px;
	font-size: 10px;
	color: #D4D4D4;
}

#info_main {
	position: relative;
	margin: 20px;
	font-size: 10px;
	color: #D4D4D4;
}

#info_form {
	position: relative;
	margin: 20px 0;
	font-size: 10px;
	color: #D4D4D4;
}

#info_poll {
	position: relative;
	margin: 20px 0;
	font-size: 10px;
	color: #D4D4D4;
}

#info_poll .fa-circle {
	font-size: 5px;
    /*display: inline-block;*/
    height: 100%;
    float: left;
    line-height: 15px;
    margin-right: 2px;
    margin-left: 4px;
}

#info_interaction {
	position: relative;
	margin: 20px;
	font-size: 10px;
	color: #D4D4D4;
}

#info_addon {
	position: relative;
	margin: 20px;
	font-size: 10px;
	color: #D4D4D4;
}

#images_sequence, .images_sequence_lib {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #000;
}

.submenu_sequence {
	position: relative;
	width: 100%;
	height: auto;
	display: none;
}

.submenu_sequence:first-child {
	display: block;
}

.drag_builder {
	position: relative;
	width: auto;
	height: 10px;
	margin-top: 5px;
}

.drag_line_builder {
	position: absolute;
	top: 5px;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #000;
}

.drag_line_hover_builder {
	position: absolute;
	top: 5px;
	left: 0;
	height: 1px;
	width: 0;
	background-color: #FFF;



    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

.drag_line_hover_builder.hover {
	background-color: #ce553e;
}

.draggable_builder {
	position: relative;
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%;
	border: 1px solid #FFF;
	background-color: #313131;



    -webkit-transition: background-color .3s, color .3s;
    -moz-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.draggable_builder.hover {
	background-color: #ce553e;
	border-color: #ce553e;
}

.info_image_video {
	position: relative;
	margin: 20px;
	background-image: url(../img/icon_movie.png);
	background-position:center;
	background-repeat: no-repeat;
	/*background-color: #FFF;*/
	padding-bottom: 56.25%;
}

#info_content ul {
	position: relative;
	padding: 0 10px;
	list-style: none;
	font-size: 10px;
	color: #D4D4D4;
	line-height: 15px;
}

#info_content ul.video_properties {
	padding: 0;
}

#info_content ul.audio_properties {
	padding: 0;
}

#info_content ul.project_properties {
	padding: 0;
}

#properties_content ul.element_properties {
	padding: 0;
}

#properties_content ul.addon_properties {
	padding: 0;
}

#info_content ul.group_properties {
	padding: 0;
}

#info_content ul.counter_properties {
	padding: 0;
}

#info_content li {
	position: relative;
	overflow: hidden;
}

#info_content li.margin-top {
	margin-top: 15px;
}

#info_content ul a {
	color: inherit;
}

.info_upgrade_project{
	cursor: pointer;
	float: left;
	text-transform: uppercase;
	margin-right: 20px;
	font-weight: 600;
	border: 1px solid;
	border-radius: 5px;
	color: #fbe365;
	padding: 3px 15px;
	line-height: 20px;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.info_howto {
	position: relative;
	clear: both;
	padding: 20px 20px 5px;
}

.info_howto_block {
	position: relative;
	clear: both;
	margin-bottom: 15px;
	overflow: hidden;
	word-wrap: break-word;
}

.info_howto strong {
	font-weight: normal;
	font-weight: 600;
}

.info_howto_block .popup-accordion {
	display: none;
}

.info_howto_link {
	color: #d4d4d4;
	border-bottom: 1px solid;
	cursor: pointer;
	float: left;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.info_howto_link:hover {
	color: #FFF;
}

.info_howto_link a {
	text-decoration: none;
	color: #d4d4d4;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.info_howto_link a:hover {
	color: #FFF;
}

#info_content .info_howto_block ul {
	padding: 0 0 0 10px;
	list-style: disc;
}

.info_video_source {
	position: relative;
	padding-top: 10px;
	border-top: 1px solid #000;
}

.info_question {
	position: relative;
	margin: 20px 0;
	padding: 20px 20px 0;
	border-top: 1px solid #000;
	text-indent: 21px;
	background-position: 20px 18px;
	background-repeat: no-repeat;
	background-image: url(../img/question.png);
	font-size: 11px;
	line-height: 16px;
	color: #999;
	font-style: italic;
}

#properties_content {
	height: auto;
	padding-bottom: 20px;
}

.properties_name {
	height: 5.3%;
}

.properties_name .submenu {
	overflow: hidden;
	background-color: #656565;
	cursor: default;
	color: #CCC;
}

.properties_name .menu_txt {
	cursor: default;
}

.properties_name .submenu .submenu:hover {
	background-color:  #656565;
}

#advanced_layout_switcher {
	position: absolute;
	top: 12px;
	right: 15px;
	width: 10px;
	height: 16px;
	background-color: #313131;
	padding: 1px;
	cursor: pointer;
}

#advanced_layout_switcher.advanced_layout_switcher_video {
	right: 5px;
}

#advanced_layout_switch {
	position: relative;
	background-color: #858585;
	width: 100%;
	height: 7px;

	-webkit-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.75);
	box-shadow: inset 1px 1px 1px 0px rgba(255,255,255,0.75);
}

#advanced_layout_switch.active {
	margin-top: 7px;
}

#properties_elements .submenu {
	height: auto;
}

#info_name {
	height: 5.3%;
}

#info_name .submenu {
	overflow: hidden;
	background-color: #656565;
	cursor: default;
	color: #CCC;
}

#info_name .menu_txt {
	cursor: default;
}

#info_name .submenu .submenu:hover {
	background-color:  #656565;
}

#info_elements .submenu {
	height: auto;
}
.item_detail_market_desc{
	text-align:justify;
	height:200px;
	display: inline-block;
		
}
.detail_items{
	height:300px;
	display:block;
	
	}

.prop_submenu {
	margin-left: 0;
	width: 100%;
	height: auto;
	background-color: #373737;
	font-size: 11px;
	color: #D4D4D4;
}

.prop_element {
	position: relative;
	width: 100%;
	height: 30px;
	/*padding: 5px 5px 5px 20px;*/
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #313131;
	overflow: hidden;
	line-height: 20px;
}

.prop_element_nohide {
	overflow: visible;
}

.prop_element.prop_help {
	height: auto;
	overflow: auto;
}

.prop_element_minicolors {
	overflow: visible;
}

.prop_ele_label {
	position: relative;
	float: left;
	width: 35%;
	color: #D4D4D4;
	height: 20px;
	line-height: 20px;
	text-transform: capitalize;
	overflow: hidden;
}

.prop_ele_label.prop_ele_label_api {
	text-transform: none;
}

.prop_ele_label_countername {
    position: relative;
	float: left;
	width: 50%;
	color: #D4D4D4;
	height: 20px;
	line-height: 20px;
	text-transform: capitalize;
	overflow: hidden;
}

.prop_ele_label_select {
	position: relative;
	float: left;
	width: 30%;
	color: #D4D4D4;
	height: 20px;
	line-height: 20px;
	text-transform: capitalize;
	overflow: hidden;
}

.prop_ele_label_alert {
	position: relative;
	float: left;
	width: 100%;
	color: #D4D4D4;
	height: 20px;
	line-height: 20px;
	text-transform: capitalize;
	overflow: hidden;
}

.prop_ele_label_big {
	width: 90%;
}

.prop_element .more_info {
	position: absolute;
	right: 5px;
	font-size: 13px;
	cursor: pointer;
}

.prop_morestates {
	width: auto;
	cursor: pointer;
	border-bottom: 1px solid;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.prop_morestates:hover {
	color: #FFF;
}

.prop_explanation {
	position: relative;
	padding-left: 20px;
	color: #fff;
	font-style: italic;
	padding: 5px 5px 5px 25px;
	font-size: 10px;
}

.submenu_element_alert .prop_morestates {
	clear: both;
	padding-top: 10px;
	display: inline-block;
}

.prop_states {
	display: none;
}

.prop_text {
	position: relative;
	color: #D4D4D4;
	font-size: 10px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: normal;
	padding-bottom: 20px;
	line-height: 15px;
	white-space: pre-line;
}

.label_market_type {
	position: relative;
	float: left;
	width: 45px;
	height: 40px;
	line-height: 20px; 
	font-size:14px;
	 
}
.label_market_item {
    color: #6d6a67;
	font-weight:bold;
	font-size:13px;
	display:inline;
	text-transform: uppercase;
	 
}

.label_market_item_detail {
	position:relative;
	font-weight:bold;
	font-size:15px; 
	display: inline;
	margin-right:30px;
	/*width:140px;*/
	text-transform: uppercase;
	cursor:pointer;
	 
}
.label_market_item_detail_selected {
	position:relative;
	font-weight:bold;
	font-size:15px; 
	display: inline;
	margin-right:30px;
	/*width:140px;*/
	text-transform: uppercase;
	cursor:pointer;
	color:#6d6a67;
	 
}
.label_market_item_value {
    font-size:13px;
	text-transform: uppercase;
	display:inline;
}

.prop_ele_input {
	position: relative;
	float: left;
	width: 65%;
	height: 20px;
	color: #D4D4D4;
	font-size: 10px;
}

.prop_ele_mini {
	width: 19%;
}

.prop_ele_condition {
	width: 38%;
}

.prop_ele_mini_content {
	position: relative;
	padding-right: 5px;
	text-align: right;
}

.prop_ele_delete {
	position: absolute;
	top: 4px;
	right: 10px;
	height: 20px;
	width: 10px;
	text-align: center;
	color: #d4d4d4;
	font-size: 12px;
	cursor: pointer;
	line-height: 20px;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.prop_ele_delete:hover {
	color: #FFF;
}


.button-subtitle {
	background-color: #656565;
	position: relative;
	float: right;
	width: 40px;
	height: 20px;
	cursor: pointer;
	text-align: center;
	color: #D4D4D4;
	border: 0;



    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}

.button-subtitle:hover {
	color: #FFF;
	background-color: #505050;
}

.input_market_type {
	position: relative;
	float: left;
	width: 193px;
	height: 20px;
	color: #999;
	padding-right: 20px;
}

.inputbox_r_2 {
	margin-top: 0;
	width: 100%;
	background-color: #313131;
	line-height: 20px;
	color: #D4D4D4;
	padding: 0 3px;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 1px;



    -webkit-transition: background-color .3s, color .3s;
    -moz-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.inputbox_r_2.arrow {
	padding: 0 25px 0 3px;
}

#info_content ul .inputbox_r_2 {
	background-color: #272727;
	margin-top: 2px;
}

#info_content ul.counter_properties .inputbox_r_2 {
	margin-top: 0;
}

#info_content li .popup-send, .prop_element .popup-send {
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: 0px;
	right: 5px;
	z-index: 1;
	color: #D4D4D4;
	text-align: right;
	cursor: pointer;
	margin-top: 2px;
}

#info_content li .popup-send:hover, .prop_element .popup-send:hover {
	color: #FFF;
}

.prop_element .popup-send {
	top: -2px;
}

.prop_element_minicolors .popup-send {
	top: 3px;
	right: 10px;
}

#popup-stats .popup-send {
	top: 9px;
}

.inputbox_r_2:focus {
	color: #FFF;
	background-color: #262626;
}

.lock_dim {
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 12px;
	width: 20px;
	text-align: right;
	color: #D4D4D4;
	cursor: pointer;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.reset_dim {
	right: 30px;
}

.lock_dim:hover {
	color: #FFF;
}

.prop-select {
	position: absolute;
	width: 100%;
	border: 0;
	line-height: 20px;
	background-color: #656565;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../img/icon-dropdown.png);
	letter-spacing: 1px;
	padding-right: 20px;
	max-height: 200px;
	overflow: auto;
	cursor: pointer;
}

.prop_ele_mini .prop-select {
	width: 90%;
}

.prop_ele_condition .prop-select {
	width: 95%;
}

.prop-select:hover {
	z-index: 10;
}

.prop-select-dropdown {
	position: relative;
	width: 100%;
	height: 20px;
	overflow: hidden;
}

/*.prop-select:hover .prop-select-dropdown {
	height: auto;
}

.prop-select:active .prop-select-dropdown {
	height: 20px;
}*/

.prop-select-dropdown-active {
	height: auto;
}

.prop-option {
	position: relative;
	clear: both;
	width: 100%;
	height: 20px;
	padding: 0 5px;
	font-size: 10px;
	color: #D4D4D4;
	border-right: 1px solid #373737;
	overflow: hidden;
	cursor: pointer;



    -webkit-transition: background-color .3s, color .3s;
    -moz-transition: background-color .3s, color .3s;
    -o-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
}

.prop-option:hover {
	color: #FFF;
	background-color: #505050;
}

.prop_select {
	width: 100%;
	border: 0;
	background-color: #656565;
	height: 20px;
	color: #CCC;
	line-height: 20px;
	font-weight: normal;
}
/*.prop_select:disabled {
    background: #dddddd;
}*/

.inputbox_arrows {
	width: 80px;
	text-align: right;
}

.prop_ele_mini_content .inputbox_arrows {
	width: 100%;
}

.videoPreview {
	width: 100%;
	margin: 20px 0 10px; 
	padding: 0 10px;
}

#video_prev_error {
	position: relative;
	width: 100%;
	height: 138px;
	color: #d4d4d4;
	background-color: #000;
	line-height: 20px;
	text-align: center;
	padding: 49px 5px;
}

.popup-media-item .videoPreview {
	margin: 10px 0;
	padding: 0;
}

#resource-detail .videoPreview {
	margin-top: 0;
	padding: 0;
}

#resource-detail .info_audio {
	margin: 0 0 10px;
}

#resource-detail-image .info_audio {
	margin: 0;
}

#resource-detail .info_sequence {
	margin: 0 0 10px;
}


.minicolors {
	position: relative;
	float: left;
	width: 65%;
	padding-left: 20px;
}

#colorText .minicolors {
	width: 90px;
}

#colorText .settings-warning {
	margin-top: 5px;
	color: #666;
	margin-bottom: 0;
}

.popup-svg-text-bg {
	position: relative;
	float: right;
	height: 16px;
	margin-top: 2px;
}

.popup-svg-text-sq {
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 3px;
	cursor: pointer;
}

#preview_svg_layer {
	position: relative;
	width:400px;
	height:120px;
	padding:10px;
	background-color:#000000;
	margin-top: 5px;
}

.minicolors-theme-bootstrap .minicolors-input {
	padding-left: 10px;
}

.minicolors-theme-bootstrap .minicolors-swatch {
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
}

.popup-block .minicolors {
	width: 100%;
}

.prop_element_minicolors .popup-multiinput .popup-input {
	text-align: left;
}

.minicolors .popup-input {
	margin-bottom: 0;
	width: 100%;
	margin-right: 0;
	padding-right: 10px;
}

/* Spin Buttons modified */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    opacity: .5; /* shows Spin Buttons per default (Chrome >= 39) */
}



/*	BLOCK 4	*/

#Block4 {
	width: 40px;
	position: absolute;
	right: 0;
	border-left: 1px solid #656565;
	z-index: 2;
}

#hamburger {
	position: relative;
	padding: 10px 0;
	margin: 0 10px 12px;
	font-size: 16px;
	color: #999;
	text-align: center;
	cursor: pointer;
	border-bottom: 1px solid #1d1d1d;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

#hamburger:hover {
	color: #FFF;
}

#menu {
	position: fixed;
	width: 300px;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #313131;
	margin-right: -300px;
	z-index: 10;
}

.menu-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
	color: #D4D4D4;
	cursor: pointer;
	z-index: 10;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.menu-close:hover {
	color: #FFF;
}

.menu-close i {
	display: block;
}

#Block4 nav {
	position: relative;
	width: 100%;
	padding-top: 80px;
}

#Block4 .nav-item {
	position: relative;
	clear: both;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #D4D4D4;
	cursor: pointer;
	text-align: center;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

#Block4 .nav-item:hover {
	color: #fff;
}

#Block4 a {
	color: #d4d4d4;
	text-decoration: none;
}

#Block4 a .nav-item {
	text-decoration: none;
	color: #d4d4d4;
}

#Block4 a:hover .nav-item {
	color: #FFF;
	text-decoration: none;
}

#Block4 .nav-item-text {
	display: inline-block;
}

#Block4 .nav-item-circle {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin-right: 2px;
}

.circle-red {
	background-color: #F00;
}

.circle-green {
	background-color: #0F0;
}

.circle-orange {
	background-color: #FFA500;
}

.notifications-active {
	color: #FFA500;
}

#menu-notifications .nav-item-circle {
	margin: 0;
}

#menu-notifications .circle-orange {
	cursor: pointer;
}

#keyboard {
	position: fixed;
	width: 380px;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #D4D4D4;
	margin-right: -380px;
	color: #656565;
	z-index: 101;
}

#keyboard .menu-close {
	color: #313131;
	top: 10px;
}

#keyboard .menu-close:hover {
	color: #262626;
}

#keyboard .popup-title {
	margin-top: 15px;
}

#keyboard .popup-cont {
	height: auto;
}

.keyboard-shortcut {
	position: relative;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 16px;
}

.keyboard-keys {
	position: relative;
	width: 34%;
	float: left;
	text-align: right;
}

.keyboard-key {
	position: relative;
	display: inline-block;
	padding: 0 5px;
	border: 1px solid #999;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; 
}

.keyboard-key-noborder {
	border: 0;
}

.keyboard-info {
	position: relative;
	width: 63%;
	float: right;
	padding: 1px 0;
}

.bold {
	font-weight: 600;
}

.menu-bottom-icons {
	position: relative;
	color: #999;
	margin-bottom: 12px;
	text-align: center;
	cursor: pointer;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.menu-bottom-icons:hover {
	color: #FFF;
}

#settings-icon {
	font-size: 14px;
}

#publish-icon {
	font-size: 13px;
}

#keyboard-icon {
	margin: 0 10px 15px 10px;
	padding: 12px 0;
	border-top: 1px solid #1d1d1d;
	text-align: center;
}

#menu-notifications i {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.animate_spin {
	 -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
}

.app_band {
	background-color: #607D8B;
}

.interaction_band {
	background-color: #cf5842;
}

.media_band {
	background-color: #cf6e3e;
}

.video_band {
	background-color: #cfaa3e;
}

.addon_band {
	background-color: #3e9ecf;
}

.audio_band {
	background-color: #3ecfa3;
}





/*	BLOCK 5	*/

#Block5 {
	background-color: #505050;
	overflow: hidden;
	width: 260px;
	border-right: 1px solid #656565;
	z-index: 2;
}

#timeline_separator {
	position: relative;
	width: 100%;
	height: 40px;
	top: 40px;
	background-color: #656565;
}

#content_b5 {
	height: 70%;
}

#bottom_buttons_timeline {
	display: none;
}

.submenu_ojo {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background-position: center right;
	background-repeat: no-repeat;
	background-image: url(../img/submenu_ojo.png);



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

div.timeline-event-content {
	line-height: 30px;
	margin: 0 0 1px 0;
	padding: 0 5px;
	overflow: hidden;
	width: auto;
}

div.timeline-event-content_text {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

div.timeline-event-selected div.timeline-event-content {
	margin-left: 0;
}

div.timeline-navigation-delete {
	background-image: url(../img/timeline_delete.png);
	width: 20px;
	height: 30px;
	display: none;
}

div.timeline-event-range {
	border: 0;
	height: 31px;
}

div.timeline-axis-grid {
	background-color: #272727;
}

.timeline-eye {
	position: relative;
	float: right;
	cursor: pointer;
	line-height: 20px;
	margin-right: 5px;
}
.timeline-checkbox {
	position: relative;
	float: left;
	cursor: pointer;
	line-height: 20px;
	/*margin-left: 5px;*/
	margin-right: 5px;
	font-size: 13px;
	color: #f1f1f1;
}




/*	BLOCK 6	*/

#Block6 {
	left: 260px;
	z-index: 1;
}

#video-buttons {
	width: 100%;
	background-color: #656565;
	height: 40px;
	padding: 5px 0;
}

#video-buttons .button {
	float: right;
	margin-right: 10px;
}

.video_buttons {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	overflow: hidden;
}

.video_buttons, .video_buttons_r {
	margin-right: 3px;
	float: left;
}

.video_buttons.show {
	background-position: 0 -20px;
	cursor: default;
}

.video_buttons.tooltip {
	float: left;
	margin-right: 3px;
}

#guide_timeline {
	background-image: url("../img/button_guide.jpg");
	background-repeat: no-repeat;
}

#guide_timeline.show {
	cursor: pointer;
}

#magnet {
	background-image: url("../img/iman.jpg");
	background-repeat: no-repeat;
}

#magnet.show {
	cursor: pointer;
}

#prev_video {
	background-image: url("../img/button_prev_video.jpg");
}

#next_video {
	background-image: url("../img/button_next_video.jpg");
}

#prev_frame {
	background-image: url("../img/button_prev_frame.jpg");
}

#next_frame {
	background-image: url("../img/button_next_frame.jpg");
}

#preview_button {
	background-image: url("../img/button_preview.jpg");
}

#preview_button.show {
	cursor: pointer;
}

#bottom_buttons_area_timeline {
	height: 40px;
	bottom: 0;
	background-color: rgb(80,80,80);
	position: absolute;
	border: none;
	padding: 10px;
}

#timeline-project-name {
	position: relative;
	float: right;
	text-transform: uppercase;
	color: #D4D4D4;
	line-height: 11px;
	height: 16px;
	margin: 9px 20px 5px 0;
	cursor: pointer;
}

#timeline-status {
	background-color: #505050;
	margin-top: 9px;
	margin-right: 20px;
	width: 24px;
	cursor: pointer;
}

#timeline-status-publishing {
	margin-top: 9px;
	margin-right: 20px;
	width: 24px;
	color: #FFFFFF;
}

.TimelineContainer {
	top: 80px;
	overflow: hidden;
}

#axisTimelineContainer {
	height: 40px;
	opacity: 0;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

#myTimelineContainer {
	opacity: 0;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

#videoTimelineContainer {
	opacity: 0;
	overflow: hidden;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

div.timeline-axis {
	border: 0;
}

.ui-rangeSlider {
	height: 100% !important;
	padding: 0 !important;
}

.ui-rangeSlider-container, .ui-rangeSlider-arrow {
	height: 100% !important;
	width: 100% !important;
}

.ui-rangeSlider-bar {
	height: 100% !important;
	background-image: url(../img/flecha_der.png), url(../img/flecha_izq.png) !important;
	background-position: center right, center left !important;
	background-repeat: no-repeat !important;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container, .ui-rangeSlider-noArrow .ui-rangeSlider-container, .ui-rangeSlider-arrow {
	box-shadow: none !important;
}

.ui-rangeSlider-container, .ui-rangeSlider-arrow, .ui-rangeSlider-label {
	background: none !important;
}

.ui-rangeSlider-container, .ui-rangeSlider-arrow {
	border: none !important;
}

.ui-rangeSlider, .ui-rangeSlider-container, .ui-rangeSlider-arrow {
	box-sizing: initial !important;
}

.ui-rangeSlider {
	background-color: #313131;
	left: 0;
}

.ui-rangeSlider-bar {
	background-color: #656565 !important;
	border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.ui-rangeSlider-arrow {
	display: none !important;
}

#slider_zoom {
	position: relative;
	width: 60px;
	height: 100%;
	background-color: #505050;
	float: left;
}


#timeline_timer {
	position: relative;
	float: left;
	margin-left: 10px;
	line-height: 20px;
	color: #CCC;
	font-size: 12px;
	margin-top: 5px;
}

#img_preview {
	left: 0;
}

.preview_button {
	display: block;
	height: 20px;
	margin-right: 10px;
	top: 0;
}

#guideTime {
	position: fixed;
	padding: 3px 5px;
	color: #FFF;
	background-color: #000;
	z-index: 10000;
	display: none;
}

#guideButton {
	position: fixed;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 14px;
	font-size: 16px;
	color: #d4d4d4;
	background-color: #262626;
	padding-left: 2px;
	cursor: pointer;



    -webkit-transition: background-color .5s, color  .5s;
    -moz-transition: background-color .5s, color  .5s;
    -o-transition: background-color .5s, color  .5s;
    transition: background-color .5s, color  .5s;
}

#guideButton:hover {
	color: #FFF;
	background-color: #212121;
}

#timeline_menu_explanation {
	position: relative;
	width: 100%;
	text-align: center;
	top: 40%;
	color: #FFF;
}

.move-video {
	position: absolute;
	width: 13px;
	height: 13px;
	top: 10px;
	cursor: pointer;
	opacity: 0.7;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;


    -webkit-transition: opacity  .5s;
    -moz-transition: opacity  .5s;
    -o-transition: opacity  .5s;
    transition: opacity  .5s;
}

.submenu_content:hover .move-video {
	opacity: 1;
}

.move_video:hover {
	opacity: 1;
}

#move_video_left {
	right: 20px;
	background-image: url(../img/move_left.png);
}

#move_video_right {
	right: 5px;
	background-image: url(../img/move_right.png);
}

/*	MODAL IMPORTAR	*/

.modal-sm {
	position: fixed;
	width: 480px;
	height: 550px;
	top: 50%;
	left: 50%;
	margin-top: -275px;
	margin-left: -240px;
	background-color: #D4D4D4;
}

.modal-content {
	background-color: #D4D4D4;
	color: #313131;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;	
	padding: 30px 40px;
	border: 0;
	box-shadow: none;
}

.modal-header {
	border-bottom: 1px solid #656565;
	line-height: 11px;
	padding: 0 0 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	height: 21px;
}

.modal-header h3 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 11px;
}

.modal-footer {
	border-top: 1px solid #656565;
	height: 40px;
	padding: 20px 0 0;
	margin-top: 20px;
}

.modal-footer .btn {
	width: 120px;
	height: 40px;
	line-height: 20px;
	padding: 10px 0;
	text-align: center;
	//background-color: rgba(207,110,62, 1);
	border: 0;
	font-weight: bold;
}

.modal-body {
	padding: 0;
	height: 230px;
}

.modal-body input {
	margin-bottom: 10px;
	font-size: 12px;
}

.upload_option {
	position: relative;
	clear: both;
	margin-bottom: 20px;
}

.modal-body h4 {
	position: relative;
	clear: both;
	margin: 0 0 10px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#id_resource_file {
	display: none;
}

#id_resource_file_seq {
	display: none;
}

#id_resource_file_html {
	display: none;
}

#id_resource_file_srt {
	display: none;
}

#id_resource_file_replace {
	display: none;
}

#id_resource_file_replace_video {
	display: none;
}

.import_examinar {
	position: relative;
	clear: both;
	width: 180px;
	height: 30px;
	margin-bottom: 10px;
	background-color: #505050;
	line-height: 20px;
	text-align: center;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
	cursor: pointer;



    -webkit-transition: background-color .5s, color  .5s;
    -moz-transition: background-color .5s, color  .5s;
    -o-transition: background-color .5s, color  .5s;
    transition: background-color .5s, color  .5s;
}

.import_examinar:hover {
	color: #FFF;
}

.drop-box {
	margin: 0;
	border: 0;
	background-color: #e2e2e2;
	height: 220px;
	width: 100%;
	line-height: 20px;
	font-size: 11px;
	padding: 90px 0;
	cursor: pointer;
	font-weight: 600;
}

.drop-box-files {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	color: #656565;
	text-align: center;
}

#id_resource_file {
	width: 100%;
	overflow: hidden;
}

.selected-files {
	position: relative;
	width: 100%;
	margin-top: 10px;
	height: 100px;
	overflow: auto;
}

.sel-file {
	position: relative;
	clear: both;
	color: #313131;
	margin-bottom: 8px;
	background-color: #d4d4d4;
	height: 30px;
}

#media-library-uploaded-files .sel-file, #media-library-webcam-preview .sel-file, #media-library-cropped-videos .sel-file, #media-library-from-images .sel-file {
	background-color: #d4d4d4;
}

.sel-file-uploaded {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #fff;



    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

#media-library-uploaded-files .sel-file-uploaded, #media-library-webcam-preview .sel-file-uploaded, #media-library-cropped-videos .sel-file-uploaded, #media-library-from-images .sel-file-uploaded {
	background-color: #b2b2b2;
}

.sel-file-transcoded {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #e6bd45;



    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.sel-file-transcoded-high {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #e6bd45;



    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}

.sel-file-name {
	position: absolute;
	font-size: 12px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-indent: 20px;
	font-family: 'Fira Sans', sans-serif;
}

.sel-file.overload {
	color: #900;
}

.sel-file.error {
	color: #900;
}

.sel-file-cancel {
	position: absolute;
	top: 0;
	right: 8px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	cursor: pointer;
}

.sel-file-uploaded-done {
	position: absolute;
	top: 0;
	right: 8px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #090;
	cursor: pointer;
}

.sel-file-error {
	position: absolute;
	top: 0;
	right: 6px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #900;
	cursor: pointer;
}

.progress {
	border: none;
	background-color: #999;
	box-shadow: none;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	color: #333;
	height: 14px;
	padding: 2px 10px;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;	
}

.wrapper{
	width:54px;
	height:25px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-27px;
	margin-top:-10px;
}

#Progress{
    position:relative;
    visibility: hidden;
   
}
#Progress span{
    position:absolute;
    width:20px;
    height:20px;
    background:#3498db;
    opacity:0.5;
	border-radius:20px;
    -animation: Progress 1s infinite ease-in-out;
 
}

#Progress span{
	position:absolute;
	width:20px;
	height:20px;
	background:#3498db;
	opacity:0.5;
	border-radius:20px;
	-webkit-animation: Progress 1s infinite ease-in-out;
	-moz-animation: Progress 1s infinite ease-in-out;
	-ms-animation: Progress 1s infinite ease-in-out;
	-animation: Progress 1s infinite ease-in-out;
	z-index: 1;

}
#Progress span:nth-child(2){
	left:20px;
	-webkit-animation-delay: .2s;
	-moz-animation-delay: .2s;
	-ms-animation-delay: .2s;
	animation-delay: .2s;
}
#Progress span:nth-child(3){
	left:40px;
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-ms-animation-delay: .4s;
	animation-delay: .4s;
}
#Progress span:nth-child(4){
	left:60px;
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	animation-delay: .6s;
}
#Progress span:nth-child(5){
	left:80px;
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-ms-animation-delay: .8s;
	animation-delay: .8s;
}

@-webkit-keyframes Progress {
    0% {opacity: 0.3; -webkit-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -webkit-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -webkit-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-moz-keyframes Progress {
    0% {opacity: 0.3; -moz-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -moz-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -moz-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@-ms-keyframes Progress {
    0% {opacity: 0.3; -ms-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; -ms-transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; -ms-transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}
@keyframes Progress {
    0% {opacity: 0.3; transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
    50% {opacity: 1; transform: translateY(-10px); background:#f1c40f;	box-shadow: 0px 20px 3px rgba(0, 0, 0, 0.05);}
  	100%  {opacity: 0.3; transform:translateY(0px);	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);}
}

.alert {
	position: relative;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;	
	margin-bottom: 0;
	padding: 0 5px;
	font-weight: bold;
	letter-spacing: 1px;
}

.alert .glyphicon {
	display: none;
}

.alert-success, .alert-danger {
	background-color: transparent;
	border: none;
}

#timeline_divider {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 80px;
	left: 0;
}

#timeline_div {
	position: absolute;
	left: 0;
	margin-top: -2px;
	width: 100%;
	height: 4px;
	background-color: #999;
	pointer-events: normal;
	z-index: 100;
}

#timeline_menu_divider {
	position: absolute;
	width: 100%;
	height: 4px;
	top: 78px;
	left: 0;
	background-color: #999;
	z-index: 100;
}



/*	PREVIEW	*/

#builder-preview {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(0,0,0,0.8);
}

#builder-prev-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#builder-prev-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;	
	background-color: #000;
	cursor: pointer;
}

#builder-iframe {
	 position: relative;
	 background-color: #000;
}

#builer-prev-content {
	position: relative;
	width: 100%;
	border: 0;
}

#builder-prev-content .container {
	padding: 0;
}

#builder-prev-controller {
	position: absolute;
	width: 100%;
	height: 40px;
	left: 0;
	bottom: 0;
}

#player_progress_controller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #505050;
	cursor: pointer;
}

.player_progress_controller {
	position: relative;
	width: 0;
	height: 100%;
	background-color: #e6bd45;
}

#player_controller_events {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.player_controller_event {
	position: absolute;
	width: 11px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.player_event_interaction {
	background-image: url(../img/event_interaction.png);
}

.player_event_audio {
	background-image: url(../img/event_audio.png);
}



/*	PAGE ERROR	*/

.page_error_image {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 156px;
	height: 140px;
	margin-top: -150px;
	margin-left: -78px;
	background-position: center center;
	background-repeat: no-repeat;
}

#page_error_sad {
	background-image: url(../img/error_sad.png);
}

#page_error_funny {
	background-image: url(../img/error_funny.png);
}

.page_error_text {
	position: fixed;
	width: 300px;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
}

/* OSCAR MEDIA LIBRARY */

.popup-cont-media {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}

#popup-media-library-sidebar {
	position: relative;
	flex: 0 0 64px;
	padding: 16px;
	height: 100%;
	background-color: #313131;
	color: #FFF;
}

#popup-media-library-content {
	position: relative;
	height: 100%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
}

#popup-media-library-content-header {
	position: relative;
	width: 100%;
	height: 48px;
	background-color: #f7f7f7;
	flex: 0 1 auto;
}

#popup-media-library-content-main {
	position: relative;
	width: 100%;
	height: 100%;
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
}

#popup-media-library-elements {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.popup-media-block {
	position: relative;
	width: 320px;
	height: 100%;
	padding: 30px 0 20px;
}

.popup-media-block.black {
	background-color: #313131;
	color: #FFF;
}

#popup-media-library-sidebar .popup-library-items {
	text-indent: 25px;
	display: block;
}

.media-title{
	position: relative;
	font-size: 16px;
	letter-spacing: 1px;
	border-bottom: 1px solid #313131;
	font-weight: bold;
	line-height: 16px;
	height: 30px;
	text-transform: capitalize;
}

.#popup-media-library-sidebar .popup-block {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #313131;
}

#popup-media-library-sidebar .popup-block:first-child {
	margin-top: 0;
}

#popup-media-library-sidebar .popup-header {
	line-height: 20px;
	background-position: left 14px;
	background-repeat: no-repeat;
}

#popup-media-library-sidebar .popup-library-items .popup-header {
	cursor: pointer;
	height: 40px;
	margin: 0 0 8px;
	padding: 10px 0;
	padding-left: 12px;
	text-transform: none;
	background-position: 8px center;
	border-radius: 4px;



    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

#popup-media-library-sidebar .popup-library-items .popup-header:hover {
	color: #fff;
	background-color: rgba(255,255,255,0.1);
}

#popup-media-library-sidebar .popup-library-items .popup-header:first-child {
	margin-top: 8px;
}

#popup-media-video {
	background-image: url(../img/ico_video.png);
}

#popup-media-image {
	background-image: url(../img/ico_image.png);
}

#popup-media-sequence {
	background-image: url(../img/ico_sequence.png);
}

#popup-media-audio {
	background-image: url(../img/ico_audio.png);
}

#popup-media-webcam-recorder {
	background-image: url(../img/library/menu_webcam_a.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: #b2b2b2
}
#popup-media-webcam-recorder:hover {
	background-image: url(../img/library/menu_webcam_b.png);
}
#popup-media-webcam-recorder-active{
    background-image: url(../img/library/menu_webcam_b.png);
    border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
    color: white;
}

#popup-media-upload-file {
	background-image: url(../img/library/menu_upload_a.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: #b2b2b2;
	margin-top:0;
}

#popup-media-upload-file:hover {
	background-image: url(../img/library/menu_upload_b.png);
}

.popup-media-title {
    cursor: pointer;
    margin: 0;
    height: 36px;
    border-bottom: 1px solid #b2b2b2;
    background-position: center top;
    background-image: url(../img/library/menu_library_a.png);
	background-repeat: no-repeat;
}

.popup-media-title:hover {
    background-image: url(../img/library/menu_library_b.png);
}

.popup-media-title.popup-media-title-active{
    background-image: url(../img/library/menu_library_b.png);
}

#popup-media-upload-file-active{
    background-image: url(../img/library/menu_upload_b.png);
    border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
    color: white;
    margin-top:0;
}

#popup-media-half-video-cropper {
	background-image: url(../img/library/menu_formcrop_a.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: #b2b2b2
}

#popup-media-half-video-cropper:hover {
    background-image: url(../img/library/menu_formcrop_b.png);
}

#popup-media-half-video-cropper-active {
	background-image: url(../img/library/menu_formcrop_b.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: white
}

#popup-media-video-from-images {
	background-image: url(../img/library/menu_imagesvideo_a.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: #b2b2b2
}

#popup-media-video-from-images:hover {
	background-image: url(../img/library/menu_imagesvideo_b.png);
}

#popup-media-video-from-images-active {
	background-image: url(../img/library/menu_imagesvideo_b.png);
	border: none;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	color: white
}

#popup-media-filters {
	position: relative;
	float: left;
	height: 48px;
	padding-left: 24px;
	line-height: 53px;
}

.popup-media-filter {
	position: relative;
	color: #313131;
	background-color: #CCC;
	border-radius: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;
	height: 30px;
	padding: 9px 35px 9px 15px;
	line-height: 12px;
	margin: 0 20px;
	cursor: pointer;
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-image: url(../img/cierre_tag.png);



    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}

.popup-media-filter:hover {
	color: #d4d4d4;
	background-color: #999;
}

.popup-media-filter-header {
	position: relative;
	float: left;
	font-weight: 600;
	color: #313131;
	width: 20px;
	height: 100%;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/library/media_library_header.png);
}

.popup-media-filter-header.filter_images {
    background-image: url(../img/library/media-library-images.svg);
}

.popup-media-filter-header.filter_upload {
    background-image: url(../img/library/upload_header.png);
}

.popup-media-filter-header.filter_webcam {
    background-image: url(../img/library/webcam_header.png);
}

.popup-media-filter-header.filter_video {
    background-image: url(../img/library/media_library_header.png);
}

.popup-media-filter-header.filter_cropper {
    background-image: url(../img/library/media_library_header.png);
}

.popup-media-filter-item {
	position: relative;
	display: inline-block;
	margin-left: 16px;
	font-weight: 500;
	color: #b2b2b2;
	font-size: 12px;
	cursor: pointer;
	padding: 0 4px;
    height: 48px;
    line-height: 56px;


    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.popup-media-filter-item-header {
	position: relative;
	display: inline-block;
	margin-left: 0px;
	font-weight: 500;
	font-size: 14px;
	padding: 0 4px;
    color: #474747;
    cursor: default;

    -webkit-transition: color .5s;
    -moz-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

.popup-media-filter-item:hover {
	color: #656565;
}

.popup-media-filter-item.active {
	border-bottom: 2px solid;
}

.popup-media-filter-item.active, .popup-media-filter-item.active:hover {
	color: #474747;
}

#popup-media-search {
	position: relative;
	float: right;
	width: 256px;
	height: 30px;
	margin-right: 8px;
	margin-top: 8px;
}

#popup-media-search .search {
	margin: 0;
	border: 0;
	background-color: #f7f7f7;
	width: 100%;
	padding: 0 8px 0 28px;
	line-height: 20px;
	background-position: left 8px center;
	background-repeat: no-repeat;
	background-image: url(../img/icon-search.png);
	border: 1px solid #b2b2b2;
	border-radius: 2px;
	max-width: none;



    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

#popup-media-search .search:focus {
	background-color: #FFF;
}

#popup-media-names {
	height: auto;
	text-align: center;
	margin-bottom: 24px;
	font-family: 'Fira Sans', sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #474747;
}

#popup-media-big-block {
	position: relative;
	flex: 1 1 auto;
	padding: 16px 0;
	overflow: hidden;
	height: 100%;
}

#popup-media-big-block .popup-content {
	padding-left: 0;
	padding-right: 0;
}

#popup-media-resources {
	position: relative;
	clear: both;
}

ul.rig {
	list-style: none;
	font-size: 0px;
	margin: 0;
	padding: 0;
}

ul.rig li {
	position: relative;
	margin: 0 0 8px;
	box-shadow: 0 0 1px #e2e2e2;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
	width: 20%;
	display: none;
	float: left;
	padding: 8px;


    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

ul.rig li:hover {
	background-color: #f7f7f7;
}

.media-grid-li-content {
	position: relative;
	width: 100%; 
	padding-bottom: 56.25%;
}

.media-grid-notabs .media-grid-li-content {
	padding-bottom: 177.78%;
}

.media-grid-li-content-box {
	position: absolute;
	width: 100%;
	height: 100%;
}

.media-grid-li-name {
	position: relative;
	width: 100%;
	padding-top: 8px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}

.resource-list {
	padding: 2px;
}

.resource-list.selected .resource-item {
	background-color: #FFF;
}

.resource-item {
	position: relative;
	padding: 20px;
	height: 180px;
	background-color: #e2e2e2;
/*	display: none;*/


    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.resource-item:hover {
	background-color: #f1f1f1;
}

.resource-item-content {
	position: relative;
	width: 100%;
	height: 100%;
}

#resource-detail {
	float: right;
	height: 368px;
	top: 0;
	padding: 0;
	margin-top: 2px;
}

.resource-detail-name {
	position: relative;
	margin: 10px 0 5px;
	font-weight: 600;
	color: #313131;
	line-height: 16px;
	padding: 0 5px;
}

#resource-detail ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style: none;
	line-height: 16px;
}

#resource-detail-delete {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
}

#resource-detail-delete .popup-button {
	float: none;
	display: inline-block;
	width: 100%;
}

.popup-media-item {
	position: relative;
	padding: 3px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.item-media-selected {
	background-color: #f7f7f7;
}

.popup-media-item img {
	position: absolute;
	margin: auto;
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 20px;
    background-color: rgba(0,0,0,0.64);
}

.popup-media-item .popup-block {
	margin-top: 5px;
	padding: 0;
}

.popup-media-item .info-imagen {
	margin-top: 0;
}

#resource-detail .info_imagen {
	background-color: transparent;
	background-position: top left;
	margin: 0 0 10px;
}

#popup-media-info {
	position: relative;
	width: 320px;
	height: 100%;
	padding: 0px 0;
	background-color: #f7f7f7;
	flex: 0 0 auto;
    border-top: 1px solid #e4e4e4;
    overflow: auto;
}

.popup-header-close {
    position: relative;
    float: right;
    width: 32px;
    height: 32px;
    margin-top: 8px;
    margin-right: 16px;
    border: 1px solid #b2b2b2 ;
    border-radius:2px;
    background-image:url(../img/library/close_library.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color:#f7f7f7;
}
.popup-header-close:hover{
    background-color:#e4e4e4;
}
#videoPrevLibrary {
	margin: 10px 0;
	padding: 0;
}

#popup-media-info .popup-header {
	margin: 0 16px;
	font-weight: 500;
	height: 40px;
	line-height: 48px;
	color: #474747;
}

#popup-media-info .info_imagen {
	margin: 0 0 8px;
	background-color: transparent;
	background-position: 0 0;
	padding: 0;
}

#popup-media-info .info_imagen img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 0;
	background-color: transparent;
}

#popup-media-info .info_sequence {
	margin: 0 0 8px;
	width: 100%;
}

#popup-media-info .info_audio {
	margin: 0 0 8px;
}

#popup-media-info .videoPreview {
	margin: 0 0 8px;
}

#media-library-selected-files .popup-media-item {
	max-width: 270px;
	margin: 0 auto 8px;
}

#popup-media-info .popup-block {
	border: none;
    margin-bottom: 8px;
    margin-top: 8px;
}

#popup-media-info .popup-content {
	padding: 0 16px;
	margin-top: 8px;
	color: #474747;
	font-size: 11px;
	line-height: 16px;
    text-align: left;
}

.drag_sequence_library .drag_line_builder {
	background-color: #000;
}

.drag_sequence_library .draggable_builder {
	background-color: #313131;
}

#resource-detail .drag_sequence_library .drag_line_builder {
	background-color: #bbb;
}

.drag_sequence_library .drag_line_builder {
	background-color: #999;
}

.drag_sequence_library .draggable_builder {
	background-color: #999;
}

.images_sequence_lib img {
	width: 100%;
	height: auto;
	position: relative;
}

#popup-media-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 5px;
	font-size: 12px;
}

.popup-media-list-item {
	position: relative;
	color: #313131;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 2px;
	cursor: pointer;
	overflow: hidden;
}

.popup-media-list-delete {
	position: absolute;
	top: 8px;
	right: 5px;
	width: 13px;
	height: 13px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../img/cierre_tag.png);
	cursor: pointer;
}

.media-library-button {
	position: relative;
	width: 240px;
	height: 40px;
	background-color: #ccc;
	color: #373737;
	text-align: center;
	line-height: 40px;
	font-weight: 600;
	cursor: pointer;


    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}

.media-library-button:hover {
	color: #000;
	background-color: #FFF;
}

#media-library-upload-files, #media-library-video-from-images, #media-library-half-form-video-cropped {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 8px 24px;
}

.media-library-upload-content {
	position: relative;
	width: 100%;
	height: 100%;
	border: 2px dashed #b2b2b2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.media-library-upload-content .drop-box {
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	cursor: pointer;
	font-family: 'Fira Sans', sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;




    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.media-library-upload-content .drop-box.dragover {
	background-color: #f4f4f4;
}

.media-library-upload-content .drop-box img {
	margin-bottom: 15px;
}

.media-library-upload-content .drop-box-small {
	font-size: 12px;
}

.media-library-upload-content .drop-box-text {
	position: relative;
	clear: both;
	margin-top: 30px;
	font-size: 12px;
	line-height: 20px;
}

.media-library-upload-content .drop-box-button {
	display: inline-block;
	width: 120px;
	height: 32px;
	font-family: 'Fira Sans', sans-serif;
	line-height: 32px;
	text-align: center;
	font-size: 12px;
	margin-top: 8px;
	color:#F7F7F7;
	background-color:#474747;
	border-radius:4px;
}

.media-library-upload-content .drop-box-button:hover {
    background-color: #313131;
    color: #FFF;
}
#cancel-upload-button{
    width: 85px;
    height: 32px;
    border-radius: 4px;
    float: left;
    background-color: transparent;
    border: 1px solid #b2b2b2;
    color: #474747;
    line-height: 34px;
    margin-top: 8px;
    margin-left:16px;
    text-transform: none;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
}

#cancel-upload-button:hover{
    background-color:#e4e4e4;
}
.upload-file-hidden {
	display: none !important;
}

#media-library-webcam-recorder {
	position: relative;
	width: 100%;
	padding: 8px 24px 0px;
}

#video-webcam-recorder-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background-color: #000;
}

#video-webcam-recorder-content {
	position: absolute;
	width: 100%;
	height: 100%;
}

.video-webcam-info {
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}

.video-webcam-info.stopped {
	background-color: rgba(0,0,0,0.7);
}

.video-webcam-info-title {
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 100%;
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}

.video-webcam-info-error {
	position: relative;
	margin-top: 20px;
	width: 100%;
	line-height: 16px;
	text-align: center;
	font-weight: 300;
}

.video-webcam-info-error a {
	border-bottom: 1px dotted #FFF;
	font-family: 'Fira Sans', sans-serif;
}

#video_webcam {
	position: absolute;
	width: 100%;
	height: auto;
	background-color: #000;
}

#video-webcam-preview {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #313131;
	margin-top: 8px;
}

#video-webcam-buttons {
	position: relative;
	width: 100%;
	margin-top: 16px;
}

.webcam_buttons {
    color:#f7f7f7;
	position: relative;
	width: 144px;
	height: 32px;
	line-height: 32px;
	background-color: #474747;
	padding-left: 32px;
	letter-spacing: 1px;
	font-size: 12px;
	opacity: 0.4;
	background-repeat: no-repeat;
	background-position: 12px center;
	font-family: 'Fira Sans', sans-serif;



    -webkit-transition: opacity .5s, background-color .5s;
    -moz-transition: opacity .5s, background-color .5s;
    -o-transition: opacity .5s, background-color .5s;
    transition: opacity .5s, background-color .5s;
}

#save_webcam_button {
	background-image: url(../img/library/ico_record.png);
	border-radius: 4px;
}

#save_webcam_button:hover {
	background-color: #313131;
	color: #FFF;
}

#save_webcam_button.ready {
	opacity: 1;
	cursor: pointer;
	border-radius: 4px;
    background-color: #474747;
    color: #F7F7F7;
    font-size: 12px;
    line-height: 32px;
    font-family: 'Fira Sans', sans-serif;
}

#save_webcam_button.ready:hover {
	background-color: #313131;
	color: #FFF;
}

#stop_webcam_button {
	background-image: url(../img/library/ico_stop.png);
	border-radius:4px;
}

#stop_webcam_button.recording {
	opacity: 1;
	cursor: pointer;
	border-radius: 4px;
    background-color: #474747;
    color: #f7f7f7;
    font-size: 12px;
    line-height: 32px;
    font-family: 'Fira Sans', sans-serif;
}

#stop_webcam_button.recording:hover {
	background-color: #313131;
	color: #FFF;
}

#media-library-webcam-preview .popup-block.popup-block-marginzero {
	margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
}

#media-library-webcam-preview .appearance-header, #media-library-from-images .appearance-header {
	margin-bottom: 4px;
    margin: 10px 0;
}

#media-library-webcam-preview .popup-input, #media-library-from-images .popup-input {
	background-color: #ececec;
	background-image: url('../img/library/ico_edit.png');
	background-position: 260px;
    border-radius: 4px;
    height: 40px;
    color: #474747
}

#save_webcam{
    border-radius: 4px;
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    background-color: #474747;
    text-transform: none;
    font-size: 12px;
    color: #F7F7F7;
}

#save_webcam:hover{
    background-color: #313131;
    color: #FFF;
}

#discard_webcam{
    border-radius: 4px;
    float: left;
    background-color: transparent;
    border: 1px solid #b2b2b2;
    color: #474747;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-transform: none;
    font-size: 12px;
    margin-left: 8px;
}

#discard_webcam:hover{
    background-color: #e4e4e4;
}

#save_webcam_inactive{
    border-radius: 4px;
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-transform: none;
    font-size: 12px;
}

.dashboard_new_clip_locked{
    padding-top: 24px;
    text-align: center;
}

.add_new_clip_locked{
    font-weight: 600;
    text-decoration: underline;
    cursor:pointer;
}
.add_new_clip_locked:hover{
    text-decoration: underline;
}

@media (max-width: 480px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 10px;
	}
}

@media (max-width: 1600px) {
	ul.rig li {
		width: 25%;
	}
}

@media (max-width: 1200px) {
	ul.rig li {
		width: 33.333%;
	}
}


.popup-cont-right {
	position: absolute;
	right:0px;
	top:90px;
	width: 40%;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;	
	background-color: #656565;

}

.popup-content-right {
	position: relative;
	width: 100%;
	padding: 0 40px;
}

.popup-transactions {
	position: relative;
	clear: both;
	margin-top: 5px;
}

.popup-transaction {
	position: relative;
	clear: both;
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #656565;
}

.popup-transaction-item {
	position: relative;
	float: left;
}

.popup-transaction-item.date {
	width: 25%;
}

.popup-transaction-item.name {
	font-weight: 600;
	width: 40%;
}

.popup-transaction-item.price {
	width: 25%;
}

.popup-transaction-item.invoice {
	width: 10%;
}

#layer_expired {
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8); 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900; /* Just to keep it at the very top */
    display: none;
}

#renew_subscription{
	position: absolute;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-color: #f1f1f1;
	padding: 20px;
	text-align: center;
	display: none;
	z-index: 1000000;
}
.renew_subscription_h1 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 24px;
    color: #313131;
    font-weight: 500;
}

.renew_subscription_h2 {
	font-size: 16px;
	color: #313131;
	font-weight: 500;
	padding-top: 24px;
}

#renew_subscription_text {
    margin: 24px auto;
    font-size: 16px;
    color: #313131;
    font-family: 'Fira Sans', sans-serif;
    padding: 0 24px;
    width: 100%;
    max-width: 960px;
}

.renew_subscription_link {
    font-size: 11px;
    font-family: 'Fira Sans', sans-serif ;
}

.mobile_example_button {
    margin-top: 8px;
    width: auto;
    height: auto;
    padding: 8px 24px;
}
.renew_subscription-box {
	color: #313131;
	padding: 165px 60px;
	text-align: center;
}

.renew_subscription_title {
	position: relative;
	clear: both;
	font-size: 18px;
	line-height: 20px;
}

.renew_example_button {
    margin-top: 8px;
    width: auto !important;
    height: auto !important;
    padding: 8px 24px;
}

.popup-button-upgrade {
	position: absolute;
	left:50%;
	width: 105px;
	height: 40px;
	margin-left: -53px;
	line-height: 40px;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000000;
	background-color: rgba(229, 189, 69, 1);
	cursor: pointer;
	text-align: center;
	border: 1;
	text-decoration: none;


    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}
.popup-button-upgrade:hover {
	background-color: rgba(229, 189, 69, 0.8);
}

.chosen-container {
	font-size: 11px;
}

.chosen-container .chosen-drop {
	position: relative;
}

.chosen-container-single .chosen-single {
    background: #e2e2e2 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #373737;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	padding: 4px 30px 4px 10px;
	font-family: 'Fira Sans', sans-serif;
	background-position: right center;
	background-image: url(../img/icon-pencil.png);
	background-repeat: no-repeat;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background-image: none;
	background-color: #FFF;
	border: 0;
	border-radius: 0;
}

.chosen-container-single .chosen-drop {
	border-radius: 0;
}

.chosen-container .chosen-drop {
	border: 0;
	box-shadow: none;
}

.chosen-container .chosen-results li.highlighted {
	background-image: none;
	background-color: #d4d4d4;
}

#mobile_screen {
	position: relative;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	background-color: #f1f1f1;
	padding: 20px;
	text-align: center;
	display: none;
	z-index: 1000000;
}

#mobile_screen img {
	max-width: 100%;
	max-width: 32px;
}

.mobile_screen_h1 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 24px;
    color: #313131;
    font-weight: 500;
}

.mobile_screen_h2 {
	font-size: 16px;
	color: #313131;
	font-weight: 500;
}

#mobile_screen_text {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 16px;
    color: #313131;
    font-family: 'Fira Sans', sans-serif;
}

.mobile_example_link {
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif ;
}

.mobile_example_button {
    margin-top: 8px;
    width: auto;
    height: auto;
    padding: 8px 24px;
}

.mobile_example_button:hover {
    color: #FFF;
    background-color: #000000;
}

@media (max-height: 410px) {
    #mobile_screen img {
        display: none;
    }
}


#video_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video_bg video {
	position: absolute;
	display: none;
}

#video_veil {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

@media (max-width: 990px) {

 	#popup-login .popup-cont .popup-content {
 	    letter-spacing: 0px;
 	    padding: 0 20px;
 	}

	#popup-login {
		position: relative;
		height: auto;
		min-height: 100%;
	}



	#popup-login .popup-bg {
		background: transparent;
	}

	#popup-login .popup-box {
		position: relative;
		height: auto;
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		padding-top: 40px;
		padding-bottom: 40px;
		border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;
	}

	#popup-login.popup-signup .popup-box {
		height: auto;
	}

	#popup-login .popup-title {
		margin: 0 0 30px;
		padding: 0 20px;
	}

	.popup-checkout-trial .popup-title-small {
		margin: 0 20px;
	}


	.login-testimonials {
		display: none;
	}

	/*#mobile_screen {
		display: block;
	}*/

	#workflow-trial {
		display: none !important;
	}

	/*#dashboard_main {
		display: none;
	}*/

	/*.no-tabs {
		display: none !important;
	}*/

	#briefing-survey {
		display: block;
	}

	.demo-trial-popup-image {
		display: none;
	}
	
	#buy-process-logos {
		width: 100%;
		padding: 0 20px 20px;
	}

	.popup-checkout-trial #buy-process-logos {
		width: 100%;
		padding: 0;
	}

	#popup-login .popup-box.popup-checkout-trial {
		margin-bottom: 0;
	}

 	#popup-login #popup-input-cardnumber {
 		padding-right: 92px;
 		background-position: 11px center, right 10px center;
 		background-image: url(../img/buy-process-credit-card.png), url(../img/payment/ico_cards_mini.png);
 	}

	#popup-login .popup-title-mobile{
		font-size: 34px;
		padding: 40px;
		color: #313131;
	}

	#popup-login .popup-text-mobile{
		font-size: 26px;
		padding-bottom: 20px;
		color: #313131;
	}

	#popup-login .popup-input-mobile{
		font-size: 26px;
		height: 80px;
		color: #313131;
	}
	
	#popup-login .popup-button-mobile{
		font-size: 26px;
		height: 80px;
		margin-bottom: 40px;
	}

	#popup-login .popup-form-mobile{
		width:95%; 
		margin:auto;
	}
	
	#popup-login .popup-image-mobile{
		margin-top: 20px;
		width:250px; 
		height:60px;
	}
}

.initial-screen-content{
	width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.initial-screen-content-title{
    font-size:16px;
    font-weight: 600;
    margin: 30px auto;
}

.initial-screen-content-block {
    font-size:14px;
    font-family: 'Fira Sans', sans-serif;
    margin: 30px auto;
}

.initial-screen-content-block-small {
    font-size:14px;
    font-family: 'Fira Sans', sans-serif;
    margin: 16px auto;
}

.initial-screen-content-question{
    text-align: left;
}

.initial-screen-content-select{
    background-color: white;
    border-color: darkgrey;
    height: 50px;
    width: 100%;
    cursor:pointer;
}
.initial-screen-content-input{
    background-color: white;
    height: 64px;
    width: 100%;
    cursor:pointer;
    border-radius: 4px;
    border: transparent;
    padding: 4px;
}

.initial-screen-content-button{
    margin: 0;
    background-color:black;
    border-radius: 3px;
    padding: 15px 10px;
    width: 160px;
    height: 50px;
    font-weight: 600;
    color:white;font-size:14px;
    cursor:pointer;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}
#initial-screen-content-button-full{
    width:100%;
}
#initial-screen-content-button-full-noemail{
    width:100%;
}

.initial-screen-content-button.disabled{
    cursor:default;
    background-color:#ccc;
}
/****************************************************/
/*              PROGRESS BAR                        */
/****************************************************/

.progress {
  position: relative;
  height: 3px;
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  background-clip: padding-box;
  margin: 0rem 0 0rem 0;
  overflow: hidden; }
  .progress .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    bottom: 0;
    background-color: #26a69a;
    transition: width .3s linear; }
  .progress .indeterminate {
    background-color: #ffffff; }
    .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
              animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
              animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
              animation-delay: 1.15s; }

    @-webkit-keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%; }
      60% {
        left: 100%;
        right: -90%; }
      100% {
        left: 100%;
        right: -90%; } }
    @keyframes indeterminate {
      0% {
        left: -35%;
        right: 100%; }
      60% {
        left: 100%;
        right: -90%; }
      100% {
        left: 100%;
        right: -90%; } }
    @-webkit-keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%; }
      60% {
        left: 107%;
        right: -8%; }
      100% {
        left: 107%;
        right: -8%; } }
    @keyframes indeterminate-short {
      0% {
        left: -200%;
        right: 100%; }
      60% {
        left: 107%;
        right: -8%; }
      100% {
        left: 107%;
        right: -8%; } }

/**************************************************/
/*          HUBSPOT                                */
/**************************************************/

/* Form Field (selector for form field wrapper) */
.hs-form-input {
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
}

.hs-form .hs-input {
    position: relative;
    margin-bottom: 0;
    width: 90%;
    color: #373737;
    border: 0;
    background-color: #E2E2E2;
    height: 20px;
    font-size: 11px;
    padding: 9px 30px 8px 10px;
    font-family: 'Fira Sans', sans-serif;
    background-position: right center;
    background-image: url(../img/icon-pencil.png);
    background-repeat: no-repeat;
    letter-spacing: 1px;

    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.hs-form.hs-form-custom .hs-input {
	width: 100%;
	height: 40px;
	font-size: 12px;
	padding: 10px 30px 10px 10px;
}

select.hs-input {
	width: 100% !important;
	height: 37px !important;
	background-image: none !important;
}

.hs-form .hs-button {
    padding: 0px 18px 0px !important;
}

.hs-form.stacked .field {
	margin-bottom: 5px !important;
}

.hs-form.stacked label {
	margin-bottom: 0 !important;
}

.hs-form.stacked .hs_pol_tica_de_privacidad label {
	color: #313131 !important;
}

.hs-form.stacked .hs_pol_tica_de_privacidad label a {
	color: inherit !important;
	border-bottom: 1px solid;
}

.hs-form-required {
	display: none !important;
}

.hs-form label {
	font-family: 'Fira Sans', sans-serif !important;
}

.hs-form .inputs-list {
	margin: 5px 0 0 !important;
}

.hs-form label {
	color: #900 !important;
}

.hs-form .hs-button {
	position: relative !important;
	width: auto;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 10px !important;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #D4D4D4 !important;
	background-color: #313131 !important;
	background-image: none !important;
	cursor: pointer;
	text-align: center !important;
	padding: 0px 18px 0px !important;
	border: 0;
	text-decoration: none;
	opacity: 1;
	text-shadow: none !important;
	border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important;
	border: none !important;
    float: right !important;

    -webkit-transition: color .5s, background-color .5s, opacity: .5s !important;
    -moz-transition: color .5s, background-color .5s, opacity: .5s !important;
    -o-transition: color .5s, background-color .5s, opacity: .5s !important;
    transition: color .5s, background-color .5s, opacity: .5s !important;
}

.hs-form .hs-button:hover:not(.inactive), .hs-form .hs-button:focus:not(.inactive), .hs-form .hs-button.hovered:not(.inactive) {
	box-shadow: none !important;
	border: none !important;
}

.hs-form.hs-form-custom .hs-button {
    background-color: #e5bd45 !important;
    color: #313131 !important;
    margin-top: 5px;
    font-size: 11px !important;
    font-weight: 600;
}

.hs-form.hs-form-custom .hs-button:hover {
	background-color: rgba(229,189,69,0.8);
}

.hs-form .actions {
    padding: 17px 0px 18px 0px !important;
}

input.hs-input.error {
	background-color: #cc0000 !important;
}

.hs-error-msgs li {
    display: none !important;
}

.hs-form label {
    font-size: 10px !important;
}

.hs-form-answer {
	position: relative;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin-top: 72px;
}

#hubspot-demo-form .walkthrough-elem-title {
	font-size: 16px;
}

#hubspot-demo-form .walkthrough-elem-text {
	font-size: 14px;
	text-align: center;
}

#growls.default {
	top: 0;
	right: 40px;
}




/**
* 6.0 Marketplace
*
* -----------------------------------------------------------------------------
*/

	.section-header {
		padding-top: 30px;
		padding-bottom: 50px;
		text-align: center;
		letter-spacing: 1px;
		color: #FFF;
		background-color: #313131;
		font-weight: 300;
	}

	.section-title {
		position: relative;
		clear: both;
		font-size: 20px;
		line-height: 42px;
	}

	.section-subtitle {
		position: relative;
		clear: both;
		font-size: 14px;
		line-height: 20px;
	}

	#dashboard-marketplace {
		padding-top: 0;
	}

	#dashboard-examples .catalogue-bg {
		cursor: default;
	}

	#dashboard-examples .button {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -15px;
		margin-left: -60px;
		background-color: #FFF;
		opacity: 0;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	#dashboard-examples .catalogue-block:hover .button {
		opacity: 1;
	}


	/*	Filters 	*/

		.templates-filters {
			position: relative;
			height: 50px;
			margin: 0 15px 10px;
			border-bottom: 1px solid #aaa;
			line-height: 48px;
			font-size: 11px;
			color: #313131;
		}

		.templates-filters-header {
			position: relative;
			display: inline-block;
			padding-left: 5px;
			padding-right: 20px;
			border-right: 1px solid #aaa;
			font-weight: 600;
		}

		.templates-filter {
			position: relative;
			display: inline-block;
			width: 224px;
			height: 50px;
		}

		.templates-filter-header {
			position: relative;
			text-align: center;
			border-right: 1px solid #aaa;
			cursor: pointer;
			padding-right: 10px;
		}

		.templates-filter-header i {
			position: absolute;
			top: 18px;
			right: 20px;
		}

		.templates-filter-list {
			position: absolute;
			top: 55px;
			left: -5px;
			border: 1px solid #ccc;
			width: 280px;
			height: auto;
			z-index: 10;
			background-color: #f9f9f9;
			display: none;
		}

		.templates-filter-element {
			position: relative;
			clear: both;
			height: 40px;
			line-height: 40px;
			padding: 0 15px;
			text-transform: uppercase;
			cursor: pointer;
			color: #313131;



		    -webkit-transition: background-color .5s;
		    -moz-transition: background-color .5s;
		    -o-transition: background-color .5s;
		    transition: background-color .5s;
		}

		.templates-filter-element:hover {
			background-color: #FFF;
		}

		.templates-filter-element.active {
			background-color: #f2f2f2;
		}

		.templates-filter-available {
			color: #AAA;
		}

		#marketplace-mobile-tags {
			position: fixed;
			top: 0;
			left: 0;
			background-color: #f2f2f2;
			z-index: 10000;
			width: 100%;
			min-height: 100%;
			padding: 10px 0;
			display: none;
		}

		#marketplace-mobile-tags-content {
			position: relative;
			clear: both;
			margin: 0 auto;
			padding-top: 30px;
			width: 100%;
			max-width: 240px;
		}

		#marketplace-mobile-tags-content select {
			position: relative;
			width: 100%;
			height: 40px;
			padding: 0 10px;
			line-height: 40px;
			font-family: 'Fira Sans', sans-serif;
			background: transparent;
			border: 1px solid #313131;
			color: #313131;
		}

		.marketplace-tags-button {
			position: relative;
			width: 100%;
			height: 40px;
			max-width: 240px;
			text-align: center;
			line-height: 40px;
			color: #d4d4d4;
			background-color: #313131;
			font-weight: 600;
		}

		#marketplace-single {
			background-color: #313131;
			min-height: 100%;
		}




/**
* 7.0 Demo Trial
*
* -----------------------------------------------------------------------------
*/

	#demo-trial-popup, #demo-trial-publish-popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 998;
		display: none;
	}

	.demo-trial-popup-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.8);
	}

	.demo-trial-popup-content {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 480px;
		height: 560px;
		margin-top: -280px;
		margin-left: -240px;
		padding: 40px 20px 20px;
		background-color: #f1f1f1;
		text-align: center;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; 
	}

	.demo-trial-popup-image {
		position: relative;
		clear: both;
		width: 300px;
		height: 215px;
		margin: 0 auto;
		background: url('../img/demotrial-playet.png') 0 0;
		animation: playetanimationX .4s steps(10) infinite, playetanimationY 4s steps(10) infinite;
	}

	@keyframes playetanimationX {
	    100% { background-position-x: -3000px; }
	}

	@keyframes playetanimationY {
	    100% { background-position-y: -2150px; }
	}

	.demo-trial-popup-image-finished {
		position: relative;
		clear: both;
		width: 300px;
		height: 225px;
		margin: 0 auto;
		background: url('../img/demotrial-playet-finished.png') 0 0;
		animation: playetanimationfinishX .4s steps(10) infinite, playetanimationfinishY 4s steps(10) infinite;
	}

	@keyframes playetanimationfinishX {
	    100% { background-position-x: -3000px; }
	}

	@keyframes playetanimationfinishY {
	    100% { background-position-y: -2250px; }
	}

	.demo-trial-popup-image-publish {
		position: relative;
		clear: both;
		width: 300px;
		height: 225px;
		margin: 0 auto;
		background: url('../img/demotrial-csvet-publish.png') 0 0;
		animation: playetanimationfinishX .4s steps(10) infinite, playetanimationfinishY 4s steps(10) infinite;
	}

	@keyframes playetanimationfinishX {
	    100% { background-position-x: -3000px; }
	}

	@keyframes playetanimationfinishY {
	    100% { background-position-y: -2250px; }
	}

	.demo-trial-popup-title {
		position: relative;
		clear: both;
		margin: 40px 20px 16px;
		font-size: 18px;
		line-height: 24px;
	}

	.demo-trial-popup-text {
		position: relative;
		clear: both;
		font-size: 14px;
		line-height: 24px;
		padding: 0 20px;
	}

	.demo-trial-popup-button {
		position: absolute;
		width: 400px;
		height: 56px;
		bottom: 30px;
		left: 40px;
		font-weight: 600;
		color: #FFF;
		line-height: 56px;
		text-transform: uppercase;
		letter-spacing: 2px;
		background-color: #458fc0;
		cursor: pointer;
	}

	.demo-trial-popup-button.demo-trial-popup-button-finished {
		color: #313131;
		background-color: #e5bd45;
	}

	#demotrial-steps {
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: space-between;
		white-space: nowrap;
		overflow: hidden;
	}

	.demotrial-step {
		position: relative;
		display: inline-block;
		margin: 0 10px;
		color: #a0c1db;
		cursor: pointer;
		width: auto;
		background-color: #418ec2;
		padding-left: 10px;
		padding-right: 6px;


	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.demotrial-step.visited, .demotrial-step.completed {
		color: #FFF;
	}

	.demotrial-step:hover {
		color: #FFF;
	}

	.demotrial-step:first-child {
		margin-left: 0;
		padding-left: 0;
	}

	.demotrial-step:last-child {
		margin-right: 0;
	}

	.demotrial-step:after {
		content: '';
		width: 200px;
		border-bottom: 1px solid #a0c1db;
		position: absolute;
		top: 50%;
	}
	:after {
	  left: 100%;
	}
	:before {
	  right: 100%;
	}
	.demotrial-step:last-child:after {
	  display: none;
	}
	.demotrial-step.completed:after {
		border-color: #FFF;
	}

	#demotrial-currentstep {
		cursor: default;
	}

	.demotrial-step-number {
		position: relative;
		display: inline-block;
		border: 1px solid;
		margin-right: 5px;
		width: 30px;
		height: 30px;
		font-size: 12px;
		text-align: center;
		line-height: 28px;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	}

	.demotrial-step.completed .demotrial-step-number {
		background-color: #FFF;
		color: #418ec2;
		border-color: #418ec2;
	}

	.demotrial-step-name {
		position: relative;
		display: inline-block;
		margin-right: 5px;
		font-size: 12px;
	}

	.demotrial-step:last-child .demotrial-step-line {
		display: none;
	}

	#demo-trial-bubble {
		position: absolute;
		z-index: 998;
		padding: 10px;
		width: 280px;
		height: 130px;
		background-color: #FFF;
		display: none;
	}

	#demo-trial-bubble::before {
		position: absolute;
		content: "";
		width: 18px;
		height: 18px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../img/demotrial-cuna.png);
		top: 11px;
		left: -9px;
	}

	#demo-trial-bubble.bubble-right::before {
		left: 270px;
	}
	#demo-trial-bubble.bubble-bottom::before {
		top: -8px;
		right: 8px;
        left: auto;
	}

	#demo-trial-title {
		position: relative;
		clear: both;
		line-height: 20px;
		color: #418ec2;
		font-weight: 600;
	}

	#demo-trial-text {
		position: relative;
		clear: both;
		line-height: 20px;
		color: #313131;
	}

	#demo-trial-button {
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #FFF;
		background-color: #418ec2;
		height: 30px;
		line-height: 30px;
		padding: 0 20px;
		cursor: pointer;
	}

	#demotrial-step-actions {
		position: absolute;
		bottom: 10px;
		left: 10px;
	}

	.demotrial-step-action {
		position: relative;
		display: inline-block;
		width: 12px;
		height: 12px;
		margin: 0 2px;
		cursor: pointer;
		background-color: #ccc;
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.demotrial-step-action:hover {
		background-color: #999;
	}

	.demotrial-step-action.visited {
		background-color: #999;
	}

	#demotrial-pointer {
		position: absolute;
		width: 100px;
		height: 100px;
		pointer-events: none;
		display: none;
		background: url('../img/demotrial-pointer.png') 0 0;
		animation: pointeranimationX .3s steps(4) infinite, pointeranimationY 1.5s steps(5) infinite;
		z-index: 998;
	}

	@keyframes pointeranimationX {
	    100% { background-position-x: -400px; }
	}

	@keyframes pointeranimationY {
	    100% { background-position-y: -500px; }
	}




/**
* 8.0 Login facebook
*
* -----------------------------------------------------------------------------
*/

#login-facebook {
	background-color: #f1f1f1;
	min-height: 100%;
}

#login-facebook * {
	box-sizing: border-box;
}


#login-facebook header {
	position: relative;
	height: 220px;
	padding: 20px 0px;
	background-color: #313131;
}

#login-facebook .facebook-header-logo {
	position: relative;
	clear: both;
	width: 100%;
	height: 38px;
	text-align: center;
}

#login-facebook .subheader {
	position: relative;
	width: 100%;
	margin-top: 40px;
	text-align: center;
	color: #FFF;
	letter-spacing: 1px;
}

#login-facebook .subheader h1 {
	position: relative;
	clear: both;
	width: 100%;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.25em;
	margin: 0;
	font-family: 'Fira Sans', sans-serif;
}

#login-facebook .content {
	position: relative;
	clear: both;
	top: -80px;
	width: 830px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#login-facebook .login-facebook-form {
	position: relative;
	width: 480px;
	height: auto;
	background-color: #fff;
	padding: 110px 55px;
}

.login-facebook-form .form-title {
	position: relative;
	clear: both;
	font-weight: 600;
	font-size: 21px;
	letter-spacing: 1px;
	line-height: 1.25em;
	text-align: center;
	color: #313131;
}

.login-facebook-form .form-fields {
	position: relative;
	clear: both;
	margin: 40px 0 20px;
}

.login-facebook-form .form-field {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.login-facebook-form .form-fields .form-field-input {
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	color: #999;
	font-weight: 600;
	border: 1px solid #ccc;
	background-color: #FFF;
	letter-spacing: 1px;
	font-size: 12px;
}

.login-facebook-form .form-field a {
	color: #313131;
	border-bottom: 1px solid #999;
	cursor: pointer;
}

.login-facebook-form .form-button {
	position: relative;
	clear: both;
	text-align: center;
}

.login-facebook-form input[type="submit"] {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	color: #000;
	padding: 0 20px;
	background-color: #e4bc50;
	border: 0;
	letter-spacing: 1px;
	font-weight: 600;



    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.login-facebook-form input[type="submit"]:hover {
	background-color: rgba(229,189,69,0.8);
}

#login-facebook .content-testimonials {
	position: relative;
	width: 350px;
	padding: 20px;
	background-color: #f6f6f6;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#login-facebook .content-testimonials-content {
	position: relative;
	clear: both;
}

#login-facebook .content-testimonial {
	text-align: center;	
	padding: 0;
	display: none;
}

#login-facebook .content-testimonial:first-child {
	display: block;
}

#login-facebook .content-testimonial-title {
	position: relative;
	clear: both;
	margin: 16px 0;
	font-size: 18px;
	line-height: 100%;
}

#login-facebook .content-testimonial-text {
	position: relative;
	clear: both;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
}

#login-facebook .content-testimonial-footer {
	position: relative;
	clear: both;
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

#login-facebook ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	opacity: 0.6;
}
#login-facebook :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  0.6;
}
#login-facebook ::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  0.6;
}
#login-facebook :-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 0.6;
}

#login-facebook .signup-logos {
	position: relative;
	width: 830px;
	height: auto;
	margin: -30px auto 0;	
	text-align: center;
}

#login-facebook .signup-logos img.img-responsive {
	display: inline-block;
}




/*	Signup Landing	*/

#signup-landing {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../img/signup-bg-2.jpg);
}

#signup-landing .content {
	position: relative;
	clear: both;
	max-width: 1170px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 0 50px;
}

#signup-landing .signup-landing-content {
	position: relative;
	display: inline-block;
	width: 60%;
	height: 100%;
	max-height: 560px;
	padding: 20px 80px 0 0;
}

#signup-landing h1 {
	position: relative;
	clear: both;
	font-family: 'Fira Sans', sans-serif;
	font-size: 28px;
	line-height: 42px;
	color: #FFF;
	margin: 40px 0 20px;
}

#signup-landing h2 {
	position: relative;
	clear: both;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #FFF;
	margin: 0;
}

#signup-landing .signup-landing-button {
	position: relative;
	clear: both;
	margin-top: 30px;
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	color: #CCC;
	opacity: 0.8;
	cursor: pointer;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

#signup-landing ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	opacity: 0.4;
}
#signup-landing :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  0.4;
}
#signup-landing ::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  0.4;
}
#signup-landing :-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 0.4;
}


#signup-landing .signup-landing-button:hover {
	opacity: 1;
}

#signup-landing .signup-landing-button img {
	display: block;
	float: left;
	margin-right: 10px;
}

#signup-landing .signup-mobile-button {
	position: relative;
	clear: both;
	width: 180px;
	height: 40px;
	line-height: 40px;
	color: #313131;
	text-align: center;
	background-color: #e4bc50;
	text-transform: uppercase;
	cursor: pointer;
	margin: 30px auto 0;



    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

#signup-landing .signup-mobile-button:hover {
	background-color: rgba(229,189,69,0.8);
}

#signup-landing .signup-logos {
	position: absolute;
	bottom: 10px;
	width: 100%;
	padding-right: 80px;
}


#signup-landing .login-facebook-form {
	position: relative;
	display: inline-block;
	width: 40%;
	height: 100%;
	max-height: 560px;
	background-color: #fff;
	padding: 0 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	align-content: center;
}

#signup-form {
	width: 100%;
	padding: 0 30px;
}

#signup-landing .login-facebook-form .form-field {
	margin-bottom: 20px;
}

#signup-landing .login-facebook-form label {
	position: relative;
	clear: both;
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #313131;
}

#signup-landing .login-facebook-form .form-fields .form-field-input {
	font-family: 'Fira Sans', sans-serif;
	font-size: 14px;	
}

#signup-landing .popup-divider {
	position: relative;
	clear: both;
	width: 100%;
	height: 50px;
	background-position: center left;
	background-repeat: repeat;
	background-image: url(../img/divider-bg.png);
	text-align: center;
}

#signup-landing .popup-divider .popup-divider-text {
	background-color: #fff;
	height: 50px;
	width: 60px;
	font-size: 14px;
	margin: 0 auto;
	line-height: 48px;
}

#signup-landing .button-google {
    text-align: center;
    width: 210px;
    margin: 0 auto;
    padding-top: 8px;
}

#signup-landing .only-mobile {
	display: none;
}



@media (max-width: 960px) {
	#login-facebook .facebook-header-logo {
		display: none;
	}

	#login-facebook .subheader {
		display: none;
		margin-top: 20px;
	}

	#login-facebook .content {
		position: relative;
		clear: both;
		top: -200px;
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		display: block;
		box-shadow: none;
		padding: 0 15px;
	}

	#login-facebook .login-facebook-form {
		position: relative;
		width: 100%;
		height: auto;
		background-color: #fff;
		padding: 50px 20px;
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}

	#login-facebook .login-facebook-form .form-fields {
		margin-top: 20px;
	}

	#login-facebook .content-testimonials {
		position: relative;
		width: 100%;
		margin-top: 30px;
		padding: 20px;
		background-color: #f6f6f6;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	#login-facebook .signup-logos {
		width: 100%;
		margin-top: -170px;
		padding: 0 20px 30px;
		max-width: 640px;
	}

	#signup-landing {
		padding: 0;
	}

	#signup-landing .content {
		width: 100%;
		max-width: none;
		display: block;
		padding: 0;
	}

	#signup-landing .signup-landing-content {
		display: block;
		width: 100%;
		max-width: 430px;
		padding: 40px 20px;
		text-align: center;
		margin: 0 auto;
	}

	#signup-landing h1 {
		font-size: 20px;
		line-height: 28px;
	}

	#signup-landing h2 {
		font-size: 12px;
		line-height: 20px;
	}

	#signup-landing .login-facebook-form {
		display: block;
		width: 100%;
		padding: 40px 20px;
	}

	#signup-form {
		max-width: 430px;
		padding: 0;
		margin: 0 auto;
	}

	#signup-landing .only-desktop {
		display: none;
	}

	#signup-landing .only-mobile {
		display: block;
	}

	#signup-landing .signup-logos {
		position: relative;
		bottom: none;
		width: 100%;
		margin-top: 60px;
		padding: 0;
	}
}




/**
* 9.0 External link examples
*
* -----------------------------------------------------------------------------
*/

    #external-link-example {
    	width: 100%;
    	height: 100%;
        background-color: #f0f0f2;
        margin: 0;
        padding: 5em 0;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    #external-link-example-content {
        width: 700px;
        padding: 50px;
        background-color: #fff;
        border-radius: 1em;
        margin: 0 auto;
        color: #313131;
    }

    #external-link-example-content h1 {
    	margin: 20px 0;
    	font-weight: normal;
    	font-weight: 600;
    	font-size: 32px;
    }

    #external-link-example-content p {
    	font-size: 14px;
    }

    @media (max-width: 700px) {
        #external-link-example {
            background-color: #fff;
        }

        #external-link-example-content {
            width: auto;
            border-radius: 0;
            padding: 1em;
        }
    }




/**
* 10.0 No tabs
*
* -----------------------------------------------------------------------------
*/

.no-tabs {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}


/*	Sidebar		*/

.no-tabs-sidebar {
	position: relative;
	width: 64px;
	height: 100%;
	background-color: #313131;
	flex: 0 1 auto;
	padding: 16px;
}

.slides-sidebar-nav {
	position: relative;
	clear: both;
	width: 32px;
	padding-top: 16px;
	border-top: 1px solid #b2b2b2;
}

#no-tabs-projects-sidebar .slides-sidebar-nav {
	border: 0;
}

.slides-sidebar-nav-bottom {
	position: absolute;
	width: 32px;
	bottom: 0;
	left: 16px;
}

.slides-sidebar-item {
	position: relative;
	clear: both;
	width: 32px;
	height: 20px;
	margin-bottom: 16px;
	opacity: 0.65;
	background-repeat: no-repeat;
	background-position: center -20px;
	cursor: pointer;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.slides-sidebar-item:hover, .slides-sidebar-item.active {
	opacity: 1;
}

#slides-sidebar-item-dashboard {
	background-image: url(../img/slides/ico_section_dashboard.png);
}

#slides-sidebar-item-edit {
	background-image: url(../img/slides/ico_section_edit.png);
}

#slides-sidebar-item-stats {
	background-image: url(../img/slides/ico_stats.png);
}

#slides-sidebar-item-editor {
	background-image: url(../img/slides/icono_editor.png);
	background-position: center;
}

#slides-sidebar-item-preview-campaign {
	background-image: url(../img/slides/ico-campaign.png);
}

#slides-sidebar-item-css-settings {
	background-image: url(../img/slides/ico-css-settings.png);
	background-position: center;
}

#slides-sidebar-item-playfilm {
	background-image: url(../img/slides/ico_playfilm.png);
	height: 30px;
	background-position: center center;
	cursor: default;
}

#slides-sidebar-item-projects {
	background-image: url(../img/slides/ico_projects.png);
}

#slides-sidebar-item-new-project {
	background-image: url(../img/slides/ico_new_project.png);
}

#slides-sidebar-item-alert {
	background-image: url(../img/slides/ico_alert.png);
}

#slides-sidebar-item-help {
	background-image: url(../img/slides/ico_help.png);
}

#slides-sidebar-item-money {
	background-image: url(../img/slides/ico_money.png);
	background-position: center center;
}

.slides-sidebar-zapier {
	position: relative;
	font-size: 20px;
	text-align: center;
	margin-top: 24px;
	color: #CCC;
	cursor: pointer;
}

.slides-sidebar-zapier.ok {
	color: #ff4a00;
}

.slides-sidebar-user {
	position: relative;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	background-color: #e4e4e4;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	cursor: pointer;


    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

.slides-sidebar-user:hover {
	background-color: #FFF;
}


/*	Main 	*/

.no-tabs-main {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}

.no-tabs-main #header-promo {
	width: 100%;
	flex: 0 1 auto;
}

	/*	header	*/
	.no-tabs-header {
		position: relative;
		width: 100%;
		height: 68px;
		line-height: 32px;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 1px;
		color: #474747;
		padding: 0 16px;
		flex: 0 1 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-content: flex-start;
	}

    .slides-title-editable{
        border: transparent;
        background: transparent;
        width: 320px;
    }

    #slides-header .slides-title-editable {
    	width: 100%;
    }

    .slides-title-editable:focus{
        outline: none;
    }

	#no-tabs-header-projects,
	#no-tabs-header-saas-stats,
	#no-tabs-header-oauth {
		padding: 18px 40px;
		font-size: 12px;
		background-color: #313131;
	}

	.no-tabs-header-projects-nav {
		position: relative;
		height: 32px;
		line-height: 32px;
	}

	@media (max-width: 768px) {
		.no-tabs-header-projects-nav-mobile{
			display: none;
		}
	}

	.nav-header-no-tabs-item {
		position: relative;
		display: inline-block;
		margin-left: 24px;
		color: rgba(255,255,255,0.4);
		cursor: pointer;
		font-size: 14px;


	    -webkit-transition: color .5s;
	    -moz-transition: color .5s;
	    -o-transition: color .5s;
	    transition: color .5s;
	}

	.nav-header-no-tabs-item.active, .nav-header-no-tabs-item:hover {
		color: #fff;
	}

	#no-tabs-header-projects-search, #detail_group_container_search {
		position: relative;
		width: 25%;
		height: 100%;
		padding-left: 16px;
		flex: 0 1 auto;
	}

	#no-tabs-header-projects-search .search, #detail_group_container_search .search {
		margin: 0;
		max-width: none;
		border: 1px solid #b2b2b2;
		height: 32px;
		padding: 0 24px 0 32px;
		background-position: 8px center;
		line-height: 32px;
		background-image: url(../img/slides/ico_header_search.png);
	}

	#no-tabs-header-projects-search .search input, #detail_group_container_search .search input {
		line-height: 32px;
		font-size: 12px;
		font-weight: 300;
		color: #b2b2b2;
		height: 32px;
	}

	#no-tabs-header-projects-search #search-launch, #detail_group_container_search #search-launch {
		top: 0;
		height: 32px;
	}

	#no-tabs-header-projects-search #search-close, #detail_group_container_search #search-close {
		height: 32px;
	}

	.slides-header-name {
		font-size: 18px;
	}

	#slides-header .slides-header-name {
		position: relative;
		flex: 1 1 auto;
	}

	.slides-header-screen {
		font-size: 12px;
		text-indent: 24px;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../img/slides/ico_idea.png);
	}

	.slides-header-screen a {
		margin-left: 8px;
		border-bottom: 1px solid rgba(64, 142, 194, 0.8);
		color: #408ec2;
		font-weight: 500;
		line-height: 20px;
	}

	.slides-header-screen .editing {
		color: #b2b2b2;
		font-family: 'Fira Sans', sans-serif;
	}

	.slides-header-screen hr {
		position: relative;
		display: inline-block;
		width: 8px;
		background-color: rgba(0,0,0,0.4);
		height: 1px;
		margin: 0 0 4px;
	}

	.slides-header-settings {
		position: relative;
		height:  38px;
		display: flex;
		padding: 0px 16px;
		border-right: 1px solid #999;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		align-content: flex-end;
	}

	.slides-header-colors .slides-header-colors-block {
		position: relative;
		display: flex;
		margin-right: 8px;
	}

	.slides-header-colors .slides-header-colors-block:last-child {
		margin-right: 0;
	}

	.slides-header-colors .slides-header-colors-text {
		position: relative;
		font-size: 12px;
		font-weight: 500;
		margin-right: 4px;
		line-height: 38px;
	}

	.slides-header-colors .input-minicolors-hidden {
		position:  absolute;
		left:  8px;
		top:  205px;
		width:  170px;
		text-align: center;
		z-index:  100000;
		display: none;
	}

	.slides-header-colors .minicolors-theme-bootstrap .minicolors-swatch {
		position:  relative;
		width:  100%;
		border-color: #000;
		cursor: pointer;
	}

	.slides-header-colors .minicolors-panel {
		width:  186px;
		height:  212px;
	}

	.slides-header-colors .minicolors .minicolors-grid {
		top:  8px;
		left:  8px;
	}

	.slides-header-colors .minicolors-slider, .slides-header-colors .minicolors-opacity-slider {
		top:  8px;
		left:  166px;
		width:  12px;

		border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; 
	}

	.slides-header-colors .minicolors-picker {
		width:  10px;
	}

	.slides-header-buttons {
		position: relative;
		height: 100%;
		display: flex;
		padding-left: 16px;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		align-content: flex-end;
	}

	.slides-header-button {
		position: relative;
		width: 120px;
		height: 32px;
		color: #474747;
		border: 1px solid #b2b2b2;
		cursor: pointer;
		font-family: 'Fira Sans', sans-serif;
		font-size: 12px;
		margin-left: 8px;
		text-align: center;
		line-height: 30px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 
		display: flex;
		flex-direction: row;
		align-content: center;
		align-items: center;
		justify-content: center;


	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.slides-header-button.slides-header-button-black {
		border: 0;
		background-color: #474747;
		color: #f7f7f7;
		justify-content: left;
		padding-left: 20px;
	}

	#slides-header-buttons-normal .slides-header-button.slides-header-button-black {
		padding-left: 0;
	}

	.slides-header-button.slides-header-button-launch {
		background-repeat: no-repeat;
		background-position: left 16px center;
		background-image: url(../img/slides/ico_header_publish_grey.jpg);
		padding-left: 8px;
		font-weight: 500;
	}

	.slides-header-button.slides-header-button-small {
		border: 0;
		width: 32px;
		background-color: #093;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/ico-settings-publish.png);
		background-size: 17px;
	}

	.slides-header-button.slides-header-button-publish {
		border: 0;
		background-color: #093;
		color: #f7f7f7;
		background-repeat: no-repeat;
		background-position: left 16px center;
		background-image: url(../img/ico-settings-publish.png);
		background-size: 17px;
		padding-left: 16px;
		width: 168px;
	}

	.slides-header-button.slides-header-button-publish:hover {
		border: 0;
		background-color: #093;
		color: #f7f7f7;
		background-repeat: no-repeat;
		background-position: left 16px center;
		background-image: url(../img/ico-settings-publish.png);
		background-size: 17px;
		padding-left: 16px;
	}

	.slides-header-button.slides-header-button-publish.disabled {
		opacity: 0.3;
        cursor: default;
	}

	.slides-header-button.slides-header-button-publish.disabled:hover {
		background-color: #093;
	}

	.slides-header-button.slides-header-button-publish.inactive:hover {
		background-color: #093;
	}

	.slides-header-button .preview-new-tab {
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		height: 100%;
		border-left: 1px solid #fff;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 14px;
		background-image: url(../img/ico-preview-launch.svg);
		cursor: pointer;
	}

	.slides-header-button img {
		margin-right: 8px;
	}

	.slides-header-button img.arrow-right {
		margin-right: 0;
		margin-left: 8px;
	}

	.slides-header-button:hover {
		background-color: #e4e4e4;
	}

	.slides-header-button.slides-header-button-black:hover {
		background-color: #313131;
	}

	.slides-header-button.slides-header-button-small:hover {
		background-color: #093;
	}

	.slides-header-button.inactive {
		opacity: 0.3;
		cursor: default;
	}

	.slides-header-button-black.inactive,
	#slides-button-preview.inactive {
		opacity: 0.3;
		cursor: default;
	}

	.slides-header-button.inactive:hover,
	#slides-button-preview.inactive:hover {
		background-color: inherit;
	}

	.slides-header-button-black.inactive_spinner {
		opacity: 0.3;
		cursor: default;
		color: transparent;
	}

	.slides-header-button-black.inactive_spinner img{
	    display: none;
	}

	#slides-button-preview.inactive_spinner {
		opacity: 0.3;
		cursor: default;
	}


	.slides-header-button-black #preview_spinner,
	.slides-header-buttons #preview_spinner {
        position: absolute;
        width: 20px;
        height: 20px;
        z-index: 99;
        display: block;
        top: 50%;
        left: 50%;
        right: auto;
        margin-top: -10px;
        margin-left: -10px;
        display: none;
    }

    .slides-header-button-black.inactive_spinner #preview_spinner,
    #slides-button-preview.inactive_spinner #preview_spinner {
        display: block;
    }

	.slides-header-button-black #preview_spinner .circle-bg {
	    position: absolute;
	    stroke-width: 2;
	}

	.slides-header-button-black #preview_spinner .circle-loader {
	    stroke-width: 2;
	    animation: dash 2s ease infinite,rotate 2s linear infinite;
	}

	.slides-header-buttons #preview_spinner .circle-bg {
	    position: absolute;
	    stroke-width: 2;
		stroke: rgba(102,102,102,.4);
	}

	.slides-header-buttons #preview_spinner .circle-loader {
		stroke: #666;
	    stroke-width: 2;
	    animation: dash 2s ease infinite,rotate 2s linear infinite;
	}

	.slides-header-button-black.inactive:hover {
		background-color: #313131;
	}

	.slides-header-button-small.inactive:hover {
		background-color: #093;
	}

	.create-campaign-button{
		border: 0;
		background-color: #093;
		color: #f7f7f7 !important;
		margin-top: 24px;
		display: flex;
		justify-content: center
	}
	
	/*	content 	*/
	.no-tabs-content {
		position: relative;
		width: 100%;
		height: 100%;
		border-top: 2px solid #e4e4e4;
		flex: 1 1 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		overflow: hidden;
	}

	#no-tabs-content-projects {
		overflow: auto;
		border-top: 0;
		padding: 32px 0 64px;
	}

	#no-tabs-content-saas-stats,
	#no-tabs-content-oauth {
		overflow: auto;
		border-top: 0;
		padding: 32px 0 64px;
		flex-direction: column;
	}

	/*	projects	*/
	#no-tabs-projects {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 16px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
		max-width: 1440px;
		margin: 0 auto;
		overflow: auto;
	}

	.no-tabs-projects-meta {
		position: relative;
		padding: 12px 48px 32px;
		height: 76px;
		line-height: 32px;
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
	}

	.no-tabs-projects-meta .slides-header-name {
		position: relative;
		float: left;
		color: #313131;
	}

	.no-tabs-projects-meta .no-tabs-projects-search, .detail_group_container .no-tabs-projects-search {
		float: right;
	}

	.no-tabs-project {
		position: relative;
		width: 25%;
		height: auto;
		padding: 12px 12px;
		flex: 0 0 auto;
	}

	.no-tabs-project-content {
		position: relative;
		width: 100%;
		border: 1px solid #b2b2b2;
	}

	.no-tabs-project-bg {
		position: relative;
		width: 100%;
		cursor: pointer;
		padding-bottom: 56.25%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #d6d9de;
	}

	.no-tabs-project-veil {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.64);
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/slides/ico_projects_edit.png);
		opacity: 0;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	.no-tabs-project-content:hover .no-tabs-project-veil {
		opacity: 1;
	}

	.no-tabs-project-meta {
		position: relative;
		clear: both;
		width: 100%;
		height: 64px;
		padding: 16px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}

	.no-tabs-project-meta-info {
		position: relative;
		height: 32px;
		padding-right: 8px;
		flex: 1 1 auto;
		overflow: hidden;
		cursor: pointer;
	}

	.no-tabs-project-meta-name {
		position: relative;
		clear: both;
		width: 100%;
		line-height: 16px;
		font-size: 14px;
		color: #474747;
		font-weight: 400;
	}

	.no-tabs-project-meta-date {
		position: relative;
		clear: both;
		width: 100%;
		height: 16x;
		margin-top: 4px;
		line-height: 16px;
		font-size: 12px;
		color: #b2b2b2;
		font-weight: 300;
		display: none;
	}

	.no-tabs-project-content:hover .no-tabs-project-meta-date {
		display: block;
	}

	.no-tabs-project-meta-actions {
		position: relative;
		width: 56px;
		height: 32px;
		flex: 0 0 auto;
	}

	.no-tabs-project-meta-status {
		position: relative;
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-top: 4px;
		background-color: #b2b2b2;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/slides/ico_header_publish.png);
		border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	}

	.no-tabs-project-meta-status.published {
		background-color: #093;
	}

	.no-tabs-project-meta-menu {
		position: relative;
		display: inline-block;
		width: 24px;
		height: 24px;
		margin-top: 4px;
		background-repeat: no-repeat;
		background-position: right center;
		background-image: url(../img/slides/ico_projects_menu.png);
		opacity: 0.6;
		cursor: pointer;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	.no-tabs-project-meta-menu:hover {
		opacity: 1;
	}
    .no-tabs-project-list.no-tabs-project-list-column{
        flex-direction: column;
    }

	.no-tabs-project-list {
		position: relative;
		display: inline-block;
		width: 100%;
		min-height: 64px;
		border-bottom: 1px solid #ccc;
		line-height: 30px;
		padding: 17px 8px;
		font-size: 14px;
		color: #656565;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#no-tabs-content-saas-stats .no-tabs-project-list {
		font-size: 13px;
	}

	.no-tabs-project-list:hover {
		background-color: #FFF;
	}

	.no-tabs-project-list.no-tabs-project-list-main {
		font-size: 11px;
		font-weight: 800;
		color: rgba(51,51,51,0.6);
		flex-direction: row;
	}

	.no-tabs-project-list.no-tabs-project-list-main:hover {
		background-color: transparent;
	}

	.no-tabs-project-list-col {
		position: relative;
		width: 100px;
		overflow: hidden;
		padding-right: 0px;
		line-height: 30px;
		text-align: center;
	}

	#no-tabs-content-saas-stats .no-tabs-project-list-col {
		width: 200px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-name {
		flex: 1;
		text-align: left;
		width: 90px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-username {
		font-size: 10px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-icon {
		width: 90px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-active {
		width: 48px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-zapier {
		color: #CCC;
		font-size: 20px;
		width: 90px;
	}

	.icon-logo {
		width: 15px;
	}

	.icon-pixel-platform {
		width: 20px;
	}

	.no-tabs-project-list-col-zapier.ok {
		color: #ff4a00;
		width: 90px;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-menu {
		width: 24px;
		height: 24px;
		background-color: #f7f7f7;
		text-align: center;
		padding: 0;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 
		line-height: 24px;
		margin-top: 3px;
		cursor: pointer;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-state {
		font-size: 12px;
		font-weight: 500;
		color: #ff962f;
		cursor: pointer;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-state:hover span {
		border-bottom: 1px solid;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-state.green {
		color: #04a108;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-clickable {
		cursor: pointer;
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-clickable:hover a {
		border-bottom: 1px solid;
		color: #313131;
	}

	.no-tabs #dashboard-hello {
		background-color: transparent;
		width: 100%;
		height: 100%;
		margin: 0;
		padding-top: 100px;
	}

	.mCustomScrollBox {
		width: 100%;
	}

	#no-tabs-content-projects .mCSB_scrollTools {
		width: 2px;
	}

	#no-tabs-content-projects .tag_content .mCSB_scrollTools {
		width: 2px;
	}

	#no-tabs-content-projects .mCSB_scrollTools .mCSB_draggerRail {
		width: 2px;
	}

	#no-tabs-content-projects .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 2px;
	}


	/*	domains 	*/
	.slides-header-link {
		position: relative;
		text-align: right;
		cursor: pointer;
	}

	.popupTemplate .no-tabs-main {
		background-color: transparent	}

	#no-tabs-content-domains {
		overflow: auto;
		border-top: 0;
		padding: 32px 0 64px;
	}

	.no-tabs-content-domains-block {
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding: 0 32px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		flex-wrap: wrap;
		max-width: 1440px;
		margin: 0 auto;
		overflow: auto;
	}

	.no-tabs-content-domains-block .no-tabs-project-list {
		flex-direction: column;
		align-items: center;
	}

	.no-tabs-content-domains-block .no-tabs-project-list.no-tabs-project-list-new-domain {
		flex-direction: row;
	}

	.no-tabs-content-domains-block .no-tabs-project-list:first-child {
		border-top: 1px solid #ccc;
	}

	.no-tabs-project-list-new-domain input {
		width: 100%;
		height: 100%;
		line-height: 100%;
		border: 0;
		background-color: transparent;
		padding: 16px 8px;
		font-size: 16px;
	}

	.domain-header {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: flex-start;
		align-items: flex-start;
	}

	.domain-header  .no-tabs-project-list-col.no-tabs-project-list-col-name {
		font-size: 16px;
	}

	.no-tabs-content-domains-block .no-tabs-project-list-col.no-tabs-project-list-col-menu {
		width: 32px;
	}

	.no-tabs-content-domains-block .no-tabs-project-list-col.no-tabs-project-list-col-button {
		width: 180px;
		text-align: right;
	}

	.no-tabs-content-domains-block .no-tabs-project-list:hover .no-tabs-project-list-col.no-tabs-project-list-col-menu {
		background-color: transparent;
	}

	.no-tabs-content-domains-block .domain-header.open .arrow_rigth_black {
	    background-image: url(../img/project-group/drop_down_black.png);
	}

	.no-tabs-project-list-col.no-tabs-project-list-col-status {
		text-align: right;
		padding-right: 40px;
		background-position: right 16px center;
		background-size: 16px 16px;
		background-repeat: no-repeat;
		width: 140px;
	}

	.domain-header.open .no-tabs-project-list-col.no-tabs-project-list-col-status {
		display: none;
	}

	.no-tabs-project-list-col-status.pending, .domain-status-content.pending {
		background-image: url(../img/ico-domain-pending.png);
	}

	.no-tabs-project-list-col-status.success, .domain-status-content.success {
		background-image: url(../img/ico-domain-ok.png);
	}

	.no-tabs-project-list-col-status.error, .domain-status-content.error {
		background-image: url(../img/ico-domain-ko.png);
	}

	.domain-content {
		position: relative;
		width: 100%;
		padding: 16px 32px 32px;
		font-size: 13px;
		display: none;
	}

	.domain-content-advice {
		position: relative;
		width: 100%;
		font-size: 14px; 
		color: #777;
		margin-bottom: 24px;
	}

	.domain-records-list {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #ccc;
		line-height: 20px;
		min-height: 32px;
		padding: 6px 0;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}

	.domain-records-list.domain-records-list-header {
		font-weight: 500;
	}

	.domain-records-list-col {
		position: relative;
		width: 40%;
	}

	.domain-records-list-col.domain-records-list-col-type {
		width: 20%;
	}

	.domain-status {
		position: relative;
		margin-top: 32px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
	}

	.no-tabs-content .button {
		font-weight: bold;
		font-size: 12px;
	}

	.domain-status-content {
		position: relative;
		margin-left: 8px;
		padding-left: 32px;
		background-position: left 8px center;
		background-size: 16px 16px;
		background-repeat: no-repeat;
	}

	.domain-status .button-black {
		margin-left: auto;
	}

	.user-domains,
	.user-ads-accounts {
		position: relative;
		width: 100%;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 16px 16px;
	}

	.user-configure-domains {
		position: relative;
		width: 100%;
		line-height: 20px;
		text-decoration: underline;
		margin-top: 8px;
		cursor: pointer;
		font-weight: 600;
		color: #373737;
	}

	.user-domains.pending {
		background-image: url(../img/ico-domain-pending.png);
	}

	.user-domains.success {
		background-image: url(../img/ico-domain-ok.png);
	}

	.user-domains.error {
		background-image: url(../img/ico-domain-ko.png);
	}

	.user-ads-accounts.facebook {
		background-image: url(../img/slides/pixel_platform/1.png);
	}

	.user-ads-accounts.tiktok {
		background-image: url(../img/slides/pixel_platform/2.png);
	}

	.user-ads-accounts.google {
		background-image: url(../img/slides/pixel_platform/3.png);
	}

	#no-tabs-domains .player_spinner {
        position: relative;
        width: 20px;
        height: 20px;
        z-index: 99;
        display: block;
        margin-top: 5px;
        margin-left: 64px;
        opacity: 0.6;
    }

	#no-tabs-domains .player_spinner .circle-bg {
	    position: absolute;
	    stroke: rgba(0,0,0,0.2);
	    fill: transparent;
	    stroke-width: 2;
	}

	#no-tabs-domains .player_spinner .circle-loader {
	    fill: transparent;
	    stroke: #000;
	    stroke-width: 2;
	    animation: dash 2s ease infinite,rotate 2s linear infinite;
	}


	

	/* 	clips 	*/
	#slides-clips {
		position: relative;
		width: 224px;
		height: 100%;
		padding-bottom: 16px;
		flex: 0 1 auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
		overflow: hidden;
	}

	#one-video-upload-button {
	    position: relative !important;
	    right: auto !important;
	    top: auto !important;
	    margin-left: 0;
	    margin-right: 0;
	}

	#one-video-upload-button:hover {
		background-color: #d7d7d7;
	}

    #one-video-video-example {
        float: left;
        position:relative;
        padding-top: 0;
        margin: 0;
        line-height: 32px;
        height: 32px;
        letter-spacing: 1px;
    }

    #one-video-video-example a:hover {
    	color: #474747;
    	border-bottom: 1px solid #474747;
    }

	.slides-title {
		position: relative;
		clear: both;
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 11px;
		padding-left: 16px;
		font-weight: 500;
		color: #474747;
		border-bottom: 2px solid #e4e4e4;
		flex: 0 1 auto;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

	.slides-title a {
        text-transform: none;
        cursor: pointer;
        margin-right: 8px;
        border-bottom: 1px solid rgba(64, 142, 194, 0.8);
        color: #408ec2;
        font-weight: 500;
        float: right;
        line-height: 20px;
        margin-top: 8px;
	}

	.slides-title a:hover{
		border-bottom: 1px solid rgba(64, 142, 194, 1);
	}

	.slides-title .slides-title-light {
		color: #999;
	}

	.slides-title #player_spinner {
        position: absolute;
        width: 20px;
        height: 20px;
        z-index: 99;
        display: block;
        top: 5px;
        right: 32px;
        margin: 0;
        opacity: 0.6;
    }

	.slides-title #player_spinner .circle-bg {
	    position: absolute;
	    stroke: rgba(255,255,255,0.2);
	    fill: transparent;
	    stroke-width: 2;
	}

	.slides-title #player_spinner .circle-loader {
	    fill: transparent;
	    stroke: #999;
	    stroke-width: 2;
	    animation: dash 2s ease infinite,rotate 2s linear infinite;
	}

	#slides-canvas-content-veil #player_spinner {
		top: 8px;
		right: 8px;
		width: 20px;
		height: 20px;
		display: block;
	}

	#slides-canvas-content-veil #player_spinner .circle-bg {
	    stroke-width: 2;
	}

	#slides-canvas-content-veil #player_spinner .circle-loader {
	    stroke-width: 2;
	}


	#slides-clips-content {
		position: relative;
		width: 100%;
		height: calc(100% - 40px);
		flex: 1 1 auto;
		overflow: auto;
	}

	.slides-clip-title {
		position: relative;
		width: 100%;
		height: 20px;
		line-height: 20px;
		color: #474747;
		padding-left: 24px;
		margin: 24px 0 5px;
		font-weight: 500;
		font-size: 12px;
	}

	.slides-clip-title:first-child {
		margin-top: 16px;
	}

	.slides-clip {
		position: relative;
		clear: both;
		width: 99%;
		margin-bottom: 8px;
		padding: 4px 0;
		cursor: pointer;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.slides-clip.active {
		background-color: #e4e4e4;
	}

	.slides-clip-name {
		position: absolute;
		top: 4px;
		left: 0;
		width: 24px;
		height: 11px;
		line-height: 100%;
		text-align: center;
	}
	.slides-clip-remove {
		position: absolute;
		bottom: 4px;
		left: 0;
		width: 24px;
		height: 24px;
		line-height: 100%;
		text-align: center;
        background-repeat: no-repeat;
		background-position: center 0;
		background-image: url(../img/slides/ico_delete.png);
		border-radius: 2px;
	}
	.slides-clip-remove:hover {
        background-position: center -24px;
        background-color: #b2b2b2;
	}

	#slides-clip-remove-inactive:hover{
	    background-position: center 0;
	    background-color: transparent;
	}

	.slides-clip-thumbnail {
		position: relative;
		width: 180px;
		height: 101px;
		border: 1px solid #FFF;
		margin-left: 24px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.4);
	}

	.slides-clip-thumbnail-image {
		position: relative;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: #fff;
	}

	.slides-clip-thumbnail-veil {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-color: rgba(0,0,0,0.4);
	}

	.slides-clip-thumbnail-veil-score {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-align: center;
        font-size: 24px;
        line-height: 96px;
        color: white;
        text-shadow: 1px 1px rgba(0,0,0,0.4);
	}

	#slides-upload-video-button {
		position: absolute;
		margin: 0;
		right: 8px;
		top: 0;
	}

	#slides-upload-video-button .slides-upload-cover-name {
		position: relative;
		display: inline-block;
		margin-right: 8px;
		font-size: 12px;
	}

	.slides-clips-button {
		position: relative;
		display: inline-block;
		width: auto;
		height: 32px;
		line-height: 30px;
		color: #474747;
		letter-spacing: 1px;
		cursor: pointer;
		margin-left: 24px;
		padding: 0 20px;
		border: 1px solid #b2b2b2;
		font-size: 12px;
		font-weight: 500;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.slides-clips-button:hover {
		background-color: #e4e4e4;
	}

	#preview-campaign .slides-clips-button,
	#slides-share-settings .slides-clips-button,
	#slides-edition-content .slides-clips-button,
	.slides-edition-block .slides-clips-button {
		margin-left: 0;
	}

	#slides-canvas .slides-clips-button {
		position: absolute;
		top: 16px;
		right: 16px;
	}

	#slides-header .slides-clips-button,
	#zap-content .slides-clips-button {
		margin-left: 4px;
		background-size: 20px 20px;
		background-position: left 16px center;
		background-repeat: no-repeat;
		padding: 0 16px 0 44px;
	}

	#slides-header .slides-clips-button:first-child,
	#zap-content .slides-clips-button:first-child {
		margin-left: 0;
	}

	#zap-content .slides-clips-button {
		background-image: url(../img/slides/radio_button.png);
		font-weight: 400;
		font-size: 14px;
		padding-right: 24px;


	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	#zap-content .slides-clips-button:hover,
	#zap-content .slides-clips-button.selected {
		background-color: #eee;
	}

	#zap-content .slides-clips-button.selected {
		background-image: url(../img/slides/radio_button_checked.png);
	}

	#button-create-ad.slides-clips-button {
		color: #f4f4f4;
		background-color: #313131;
		font-weight: 400;
		padding: 0 30px;
		line-height: 32px;

	    -webkit-transition: background-color .5s, color .5s;
	    -moz-transition: background-color .5s, color .5s;
	    -o-transition: background-color .5s, color .5s;
	    transition: background-color .5s, color .5s;
	}

	#button-create-ad.slides-clips-button:hover {
		background-color: #111;
		color: #FFF;
	}

	#slides-generate-questions-content .slides-clips-button {
		margin: 8px 0 0;
	}

	#remove-hook-button {
		position: relative;
		cursor: pointer;
		padding-left: 20px;
		line-height: 16px;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url(../img/16/delete.png);
		background-size: 14px;
		font-size: 12px;
	}

	#slides-button-ia-questions {
		background-image: url(../img/ico-settings-ia-questions.png);;
	}

	#slides-button-video-settings {
		background-image: url(../img/ico-settings-video.png);;
	}

	#slides-button-validate {
		background-image: url(../img/ico-settings-validate.png);;
	}

	#slides-button-share-settings {
		background-image: url(../img/ico-settings-share.png);;
	}

	#slides-button-appearance-settings {
		background-image: url(../img/ico-settings-appearance.png);;
	}

	#slides-button-preview {
		background-image: url(../img/ico-settings-preview.png);;
	}

	#button-facebook-login {
		width: 100%;
		border: 1px solid #d4d4d4;
		background-color: #3b5998;
		color: #e4e4e4;
		margin: 0;



	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    -o-transition: all .5s;
	    transition: all .5s;
	} 

	.popup-facebook-connect #button-facebook-login {
		background-color: #313131;
		color: #f5f5f5;
		margin-bottom: 24px;
		width: 290px;
		height: 40px;
		line-height: 40px;
		border-radius: 0;
	}

	#popup-check-publish.popup-facebook-connect #button-facebook-login {
		background-color: #3b5998;
		margin-bottom: 0;
		width: 100%;
		text-align: center;
	}

	#hello-buttons #button-facebook-login {
		width: 334px;
	}

	#button-facebook-login:hover {
		color: #fff;
		border-color: #FFF;
	}

	#slides-content .mCSB_scrollTools {
		width: 1px;
	}

	#slides-content .tag_content .mCSB_scrollTools {
		width: 1px;
	}

	#slides-content .mCSB_scrollTools .mCSB_draggerRail {
		width: 1px;
	}

	#slides-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		width: 1px;
	}



	/* 	canvas	*/
	.slides-general-content {
		position: relative;
		height: 100%;
		background-color: #e4e4e4;
		flex: 1 1 auto;
	}

	#slides-canvas-content {
		position: relative;
		width: 592px;
		height: 355px;
		margin: 70px auto 0;
	}

	#slides-canvas-content.vertical {
		width: 360px;
		height: 640px;
	}

	.slides-canvas-title {
		position: relative;
		clear: both;
		height: 16px;
		line-height: 16px;
		color: #474747;
		margin-bottom: 8px;
		font-size: 12px;
	}

	#slides-canvas-content #appearance-screen {
		width: 100%;
		margin-top: 0;
		background-color: #fff;
		overflow: hidden;
	}

	#slides-canvas-content .appearance-screen-section {
		display: block;
	}

	#slides-canvas-content #appearance-screen .appearance-cti-title {
		font-size: 22.08px;
		margin-bottom: 12.7px;
	}

	#slides-canvas-content #appearance-screen .appearance-cti-text {
		font-size: 12.7px;
	}

	#slides-canvas-content #appearance-screen .appearance-cti-button-text {
		padding: 11.04px 17.11px;
		font-size: 8.28px;
		margin-top: 22.08px;
	}

	#slides-canvas-content #appearance-screen video {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#slides-canvas-content-veil {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
		z-index: 101;
	}

	#slides-alert {
		position: absolute;
		top: 20px;
		right: 20px;
		height: 32px;
		line-height: 32px;
		color: #FFF;
		padding: 0 20px;
		background-color: #418ec2;
		box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
		opacity: 0;
		display: none;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}

	#slides-alert::before {
		position: absolute;
		content: "";
		width: 18px;
		height: 18px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../img/workflow-cuna.png);
		top: 7px;
		right: -7px;
	}

	#slides-alert.alerted {
		display: block;
		opacity: 1;
	}

	.formVeil {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.previewElement .player_infobox_iframe {
		z-index: 1;
	}

    .previewElement .landingContainer {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0px;
    }

    .previewElement .landingContainer .container {
    	display: block;
    }

    .previewElement .landingContainer .header-14-sub .hero-unit h1 {
        text-align: center;
    }

	.previewElement .landingContainer .bloque_01 {
		padding-top: 25px;
	}

	.previewElement .landingContainer.has_background .bloque_01 {
	    padding: 25px 20px 30px;
	}

    .previewElement .landingContainer .hero-unit {
        margin: 16px auto 40px;
    }

    .previewElement .landingContainer .subscribe-form form .input-append input[type="text"] {
        min-height: 40px;
    }

    .previewElement .landingContainer .subscribe-form .input-append,
    .previewElement .landingContainer .subscribe-form .input-append input[type="text"],
    .previewElement .landingContainer .subscribe-form .input-append .btn {
        display: block;
        width: 100%;
    }

    .previewElement .landingContainer .subscribe-form .input-append .btn {
        margin-top: 15px;
    }



	/*	edition */
	#slides-edition {
		position: relative;
		width: 368px;
		height: 100%;
		flex: 0 1 auto;
		padding-bottom: 16px;



	    -webkit-transition: background-color .5s, border .5s;
	    -moz-transition: background-color .5s, border .5s;
	    -o-transition: background-color .5s, border .5s;
	    transition: background-color .5s, border .5s;
	}

	#slides-edition.alerted {
		background-color: rgba(65,142,194,0.1);
		box-shadow: 0 0 2px inset #418ec2;
	}

	#slides-edition-content {
		position: relative;
		width: 100%;
		height: calc(100% - 40px);
		overflow: auto;
	}

	.slides-edition-header {
		position: relative;
		width: 100%;
		line-height: 20px;
		font-size: 12px;
		font-weight: 500;
		color: #474747;
		text-align: left;
	}

	.slides-edition-header-mini {
		font-size: 10px;
		font-weight: 300;
	}

	.slides-edition-subheader {
		position: relative;
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		font-weight: 500;
		color: #474747;
		margin-top: 16px;
	}

    .slides-edition-subheader-left{
        float:left;
    }

    .slides-edition-subheader-right{
        float:right;
        margin-right: 46px;
    }

    .slides-edition-example {
    	position: relative;
    	line-height: 20px;
    	height: 20px;
    	font-size: 11px;
    }

    .slides-edition-example span {
    	font-weight: 500;
    	border-bottom: 1px solid;
    	cursor: pointer;
    }

    .slides-edition-example span {
    	border-bottom: 1px solid #474747;
    	color: #474747;
    }

	.slides-edition-switcher {
		position: absolute;
		top: 16px;
		right: 16px;
	}

	.slides-edition-switcher-bottom {
		position: relative;
		bottom: 16px;
		float: right;
	}

	.slides-edition-switcher .switch {
		width: 32px;
		height: 16px;
		margin: 0;
	}
	.slides-edition-switcher-bottom .switch {
		width: 32px;
		height: 16px;
		margin: 0;
	}

	.slides-edition-input-block .slides-edition-switcher {
		top: 0;
		right: 3px;
	}

	.slides-edition-slider {
		background-color: #e2e2e2;
	}

	.slides-edition-switcher .slider:before {
		width: 16px;
		height: 16px;
	}

	.slides-edition-switcher-bottom .slider:before {
		width: 16px;
		height: 16px;
	}

	.slides-edition-block {
		position: relative;
		clear: both;
		width: 100%;
		padding: 16px;
		border-bottom: 2px solid #e2e2e2;
		overflow: hidden;
	}

	.slides-edition-block-without-border {
		position: relative;
		clear: both;
		width: 100%;
		padding: 16px 16px 8px;
		overflow: hidden;
	}

	.slides-edition-block-minicolors {
		overflow: auto;
	}

	.slides-edition-block-minicolors .minicolors {
		position: relative;
		float: right;
		font-size: 12px;
		width: auto;
		padding: 0;
	}

	.slides-edition-block-minicolors .minicolors-input {
		width: 174px;
		height: 26px;
		font-size: 12px;
	}

	.slides-edition-block-minicolors .minicolors-swatch {
		right: 0 !important;
		width: 26px !important;
		height: 26px !important;
		border: 1px solid #999;
	}

	.slides-edition-block-minicolors .minicolors-panel {
		position: relative;
		margin-top: 5px;
	}

	.slides-edition-block:last-child {
		padding-bottom: 16px;
		border: 0;
	}

	#slides-edition-cover {
		position: relative;
		float: left;
		width: 160px;
		height: 90px;
		border: 1px solid #999;
		background-color: #d6d9de;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/slides/ico_placeholder_image.png);
	}

	.slides-new-upload-button {
        width: 120px;
        height: 32px;
        color: #474747;
        border: 1px solid #b2b2b2;
        cursor: pointer;
        font-family: 'Fira Sans', sans-serif;
        font-size: 12px;
        margin-bottom: 8px;
        text-align: center;
        line-height: 30px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        font-weight: 500;
    }

    .slides-new-upload-button:hover {
		background-color: #e4e4e4;
	}

	#slides-edition-cover-image {
		position: relative;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	.slides-edition-cover-meta {
		position: relative;
		float: left;
		margin-left: 16px;
		max-width: 160px;
		overflow: hidden;
	}

	.slides-edition-cover-meta-slider {
		width: 180px;
		max-width: 180px;
	}

	.slides-edition-cover-meta-slider .slides-clip-remove {
		position: absolute;
		bottom: auto;
		left: auto;
		top: 4px;
		right: 24px;
		cursor: pointer;
	}

	.slides-edition-cover-meta-slider .slides-clip-remove:hover {
		background-color: inherit;
	}

	.slides-edition-cover-meta .slides-upload-cover-name {
		position: relative;
		margin-bottom: 12px;
	}

	.slides-edition-cover-example {
		margin-top: 8px;
		margin-bottom: 24px;
		letter-spacing: 0;
        line-height: 21px;
        height: 16px;
	}

	.slides-edition-cover-example a{
		cursor: pointer;
        margin-left: 4px;
		border-bottom: 1px solid;
		font-weight: 500;
	}

	.slides-edition-cover-example a:hover{
		border-bottom: 1px solid rgba(64, 142, 194, 1);
	}

	.slides-upload-cover {
		position: relative;
		display: inline-block;
		width: 24px;
		height: 24px;
		border: 1px solid #b2b2b2;
		margin-right: 0;
		border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; 
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(../img/slides/ico_sidebar_upload.png);
		cursor: pointer;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.slides-upload-cover:hover {
		background-color: #e4e4e4;
	}

	#slides-upload-cover-webcam {
		background-image: url(../img/slides/ico_sidebar_webcam.png);
	}

	#slides-upload-cover-library {
		background-image: url(../img/slides/ico_sidebar_media_library.png);
	}

	#slides-upload-cover-name {
		position: relative;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		color: #474747;
		margin-top: 4px;
	}

	.slides-edition-input-block {
		position: relative;
		width: 100%;
		margin-top: 10px;
		overflow: hidden;
	}

	.slides-edition-input-block label {
		line-height: 32px;
	}

	.slides-edition-input-block.slides-edition-input-block-flex {
		display: flex;
	}

	.slides-edition-input-block.low-margin {
		margin-top: 2px;
	}

	.slides-answers-index {
		line-height: 32px;
		font-size: 12px;
		padding: 0 8px;		
	}

	.slides-edition-input-block .popup-button {
		height: 30px;
		line-height: 30px;
		width: auto;
		padding: 0 12px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
	}

	.slides-edition-linethrough {
		position: relative;
		text-align: center;
		z-index: 1;
	}

	.slides-edition-linethrough:before {
		border-top: 1px solid #e4e4e4;
		content: "";
		margin: 0 auto; /* this centers the line to the full width specified */
		position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
		top: 50%;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: -1;
	}

	.slides-edition-linethrough span {
		background: #f7f7f7;
		padding: 0 8px;
	}

	#popup-check-publish .slides-edition-linethrough span {
		background-color: #fff;
	}

	.preview-campaign-name{
	    padding-left: 8px;
	}

	.preview-campaign-platform-id{
	    padding-left: 8px;
	    float: right;
	    margin-right:8px
	}

	.preview-campaign-platform-action-delete{
	    float: right;
	    cursor: pointer;
	    border-bottom: 1px solid #B2B2B2;
	}

	.preview-campaign-platform-action-add{
	    float: right;
	    cursor: pointer;
	    border-bottom: 1px solid #B2B2B2;
	    margin:8px;
	}

	.detail_group_list_container .preview-campaign-platform-action-add {
		float:  none;
		margin: 8px 16px;
	}

	.detail_group_list_container .detail_group_list_container_title {
		position: relative;
		overflow: auto;
	}

	.detail_group_list_container_title_campaign {
		position: relative;
		float:  left;
		width:  50%;
	}

	.detail_group_list_container_title_platform {
		position: relative;
		float: left;
		padding-left: 18px;
	}

	.preview-campaign-platform-action-link {
		float:left;
	    cursor: pointer;
	    border-bottom: 1px solid #B2B2B2;
	    margin:8px;
	}

	.slides-edition-input-block:first-child {
		margin-top: 0;
	}

	.slides-edition-input-block select {
		margin-bottom: 0;
	}

	.slides-edition-input-block .btn-group, .popup-block-htmledition .btn-group {
		margin-bottom: 4px;
	}

	.slides-edition-input-block .btn, .popup-block-htmledition .btn {
		padding: 0;
		width:  23px;
		height:  24px;
	}

	.form-control div {
		background-color: #fbfcfb;
	}

	.slides-edition-input {
		position: relative;
		width: 100%;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
		padding: 0 32px 0 8px;
		font-family: 'Fira Sans', sans-serif;
		letter-spacing: 1px;
		border: 1px solid #dedede;
		background-color: #fbfcfb;
		color: #474747;



	    -webkit-transition: background-color .5s;
	    -moz-transition: background-color .5s;
	    -o-transition: background-color .5s;
	    transition: background-color .5s;
	}

	.slides-edition-input:focus {
		background-color: #fff;
	}

	.slides-edition-input-block-label .slides-edition-input {
		float: right;
		width: 56%;
	}

	#preview-campaign-link {
		color: #999;
	}

	#slides-edition.alerted .slides-edition-input {
		background-color: transparent;
	}

	.slides-edition-input-textarea {
		height: 120px;
		padding: 8px;
		line-height: 20px;
		background-position: right 5px top 8px;
		white-space: pre-wrap;
	}

	.slides-edition-input-textarea-small {
		height: 56px;
		padding: 8px;
		line-height: 20px;
		background-position: right 5px top 8px;
	}

	.slides-edition-input-textarea.slides-edition-input-textarea-html {
		height: 120px;
	}

	#slides-generate-questions .slides-edition-input-textarea {
		height: 60px;
	}

    .slides-edition-input-select {
        padding: 0 10px 0 4px;
        background-image: none;
        height: 32px;
        background-color: #dedede;
        border: 0;
    }

    .slides-edition-input-select:focus {
    	background-color: #dedede;
    }

    .flags-dropdown .slides-edition-input-select {
    	background-position: center right 4px;
    	background-repeat: no-repeat;
    	background-image: url(../img/payment/arrow-down.png);
    	background-size: 8px 5px;
    	cursor: pointer;
    }

    #zap-configuration .slides-edition-input-select {
    	background-color: #e4e4e4;
    }

    .detail_group_list_container .slides-edition-input-select {
    	border:  1px solid #000;
    	background-color: #FFF;
    	width: 50%;
    }

    .slides-edition-input-small-textarea {
        line-height: 20px;
        padding: 8px 24px 8px 8px;
        height:36px;
        white-space: pre-wrap;
    }

	.slides-edition-input-block-left {
		position: relative;
	    width: 250px;
	    float: left;
	}

	.slides-edition-input-block-right {
		position: relative;
	    float: right;
	    width: 80px;
	}

	#slides-edition-clips .slides-edition-input-block-right, 
	.preview-campaign-slides-edition-content .slides-edition-input-block-right {
		width: 66px;
	}

	.slides-edition-input-block-fieldname {
		position: relative;
		display: inline-block;
		width: 234px;
	}

	.slides-edition-input-block-fieldtype {
		position: relative;
		display: inline-block;
		width: 80px;
		margin: 0 3px;
	}

	.slides-edition-input-block-fieldmenu {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 16px;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		cursor: pointer;
	}

	.slides-edition-input.slides-edition-input-machinelearning {
		float: right;
		width: 90%;
		padding: 0 8px;
	}

	.slides-edition-input.nobgimage {
		background-image: none;
	}

	.no-tabs ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		opacity: 0.6;
	}
	.no-tabs :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   opacity:  0.6;
	}
	.no-tabs ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   opacity:  0.6;
	}
	.no-tabs :-ms-input-placeholder { /* Internet Explorer 10-11 */
		opacity: 0.6;
	}

	#slides-edition-video-preview {
		position: relative;
		float: left;
		width: 160px;
		height: 90px;
		border: 1px solid #b2b2b2;
		background-color: #d6d9de;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/slides/ico_placeholder_video.png);
	}

	#slides-edition-video-preview.vertical {
		width: 90px;
		height: 160px;
	}

	.slides-edition-landing-image {
		position: relative;
		float: left;
		width: 90px;
		height: 90px;
		border: 1px solid #b2b2b2;
		background-color: #d6d9de;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/slides/ico_placeholder_image.png);
	}

	.slides-edition-video-preview-poster {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}

	#slides-edition-content video {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.slides-edition-colors-label {
		position: relative;
		float: left;
		width: 150px;
		font-size: 12px;
		line-height: 26px;
	}

	.slides-edition-colors-text {
		position: relative;
		float: right;
		width: 150px;
		font-size: 12px;
	}

    .slides-datepicker{
        margin-right: 16px;
    }

    .slides-datepicker-label{
        font-size: 11px;
        margin: 0;
        height:16px;
        color: #b2b2b2;
        letter-spacing:0;
    }

    .slides-datepicker-input{
        background-color: transparent !important;
        padding:0 0 4px 0;
        width: 190px;
        border: transparent;
        border-bottom: 1px solid #b2b2b2;
        height:24px;
        color:#474747;
        font-size:12px;

    }

	.slides-datepicker-saas{
		display: flex !important; 
		justify-content: end !important; 
		width: 100%;
		gap: 15px; 
		margin-bottom: 48px !important;
		height: 64px !important;
		padding: 0 16px;
		max-width: 1440px;
		margin: 0 auto;
	}

	.slides-datepicker-container{
		display: flex; 
		flex-direction: column;
	}

    .slides-slider {
    	position: relative;
    	display: inline-block;
    	font-size: 12px;
    	color: #313131;
    	width: 120px;
    }

    .rzslider {
    	margin: 16px 0 0;
    	height: 6px;
    }

	.rzslider .rz-bar-wrapper {
		padding-top: 11px;
	}

    .rzslider .rz-bar {
    	background-color: #e4e4e4;
    	height: 2px;
    }

    .popup-content .rzslider .rz-bar {
    	background-color: #d4d4d4;
    }

    .rzslider .rz-pointer {
    	width: 20px;
    	height: 20px;
    	background-color: #ccc;
    	outline: none;
    }

    .rzslider .rz-pointer::after {
    	width: 0;
    	height: 0;
    }

    .rzslider .rz-bubble {
    	display: none;
    }

    .slides-slider-value {
    	position: relative;
    	display: inline-block;
    	margin-left: 4px;
    }

    #canvas_container{
        overflow:auto;
        margin-top: 28px
    }

    .slides-canvas-container{
        float:left;
    }

    .slides-canvas{
        margin: 8px 0;
    }

    .slides-canvas-gt{
        position:relative;
        float: right;
		width: 10px;
		height: 188px;
        margin: 0 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../img/slides/ico_funnel.png);
    }

    .slides-canvas-text{
         text-align: center;
         font-size: 13px;
         color: #474747;
         width: 176px;
         font-weight:600;
    }

    .slides-hr{
        border-top: 1px solid #b2b2b2;
        border-style: dotted;
    }

    #slides-header-buttons-normal{
        justify-content: space-between;
        width: 100%;
    }

    #slides-transparent-button{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-left: 24px;
        display: inline-block;
    }

    #slides-transparent-button-without-border{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-left: 24px;
		display: inline-block;
		border: none;
		cursor:default;
	}
	
    #slides-transparent-button-link{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-left: 24px;
		display: inline-block;
		border: none;
		cursor:pointer;
		text-decoration: underline;
    }

    #slides-transparent-button-disabled{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        margin-left: 24px;
        display: inline-block;
        opacity: 0.3;
        cursor: default;
    }

    #slides-transparent-button:hover {
        background-color: #d7d7d7;
    }

    #slides-black-button{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        display: inline-block;
    }

    #slides-black-button-margin{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        display: inline-block;
        margin-top:24px;
    }

    #slides-black-button-disabled{
        width: 140px;
        font-weight: 400;
        letter-spacing: 1px;
        display: inline-block;
        opacity: 0.3;
        cursor: default;
    }

    #limit-leads-container{
        background-color:white;
        height:400px;
        text-align:center;
        display: table;
        width: 100%;
    }

    .limit-leads-container-centered{
        display: table-cell;
        vertical-align: middle;
    }

    .limit-leads-paragraph{
        font-size:15px;
    }



    /*		Campaign Preview		*/

	.preview-campaign-slides-edition {
		position: relative;
		width: 368px;
		height: 100%;
		flex: 0 1 auto;
		padding-bottom: 16px;
		border-right: 2px solid #e4e4e4;



	    -webkit-transition: background-color .5s, border .5s;
	    -moz-transition: background-color .5s, border .5s;
	    -o-transition: background-color .5s, border .5s;
	    transition: background-color .5s, border .5s;
	}

	.preview-campaign-slides-edition.alerted {
		background-color: rgba(65,142,194,0.1);
		box-shadow: 0 0 2px inset #418ec2;
	}

	.preview-campaign-slides-edition-content {
		position: relative;
		width: 100%;
		height: calc(100% - 40px);
		overflow: auto;
	}


    #preview-campaign-content .slides-edition-input-textarea,
    #slides-appearance-settings .slides-edition-input-textarea {
    	height: 80px;
    }

    #preview-campaign-content .mCSB_container {
    	height: 100%;
    }

    #preview-campaign-networks {
    	position: relative;
    	width: 100%;
    	height: 100%;
    	display: flex;
    	flex-direction: row;
    	align-content: center;
    	justify-content: space-between;
    }

    .preview-campaign-socialnetwork {
    	position: relative;
    	height: 100%;
    	flex: 1 1 auto;
    }

    .preview-campaign-socialnetwork .slides-clips-button {
    	position: absolute;
    	top: 16px;
    	right: 32px;
    }

    .preview-campaign-view {
    	position: relative;
    	width: 394px;
    	height: 772px;
    	margin: 0 auto;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-content: center;
    	align-items: center;
    	background-repeat: no-repeat;
    	background-position: center center;
    }

    #preview-campaign-instagram {
    	display: none;
    }

    #preview-campaign-instagram .preview-campaign-view {
    	background-image: url(../img/slides/preview-campaign-instagram.png);
    	overflow: auto;
    }

    #preview-campaign-facebook .preview-campaign-view {
    	background-image: url(../img/slides/preview-campaign-facebook.png);
    }

    .preview-campaign-fakeview {
    	position: relative;
    	flex: 0 0 auto;
    	display: flex;
    	background-repeat: no-repeat;
    	background-position: center center;
    	background-size: cover;
    }

    #preview-campaign-instagram .preview-campaign-fakeview {
    	width: 264px;
    	height: 264px;
    }

    #preview-campaign-facebook .preview-campaign-fakeview {
    	width: 264px;
    	height: 138px;
    }

    .preview-campaign-fakeview-content {
    	position: relative;
    	width: 100%;
    	height: 100%;
    	background-color: rgba(0,0,0,0.2);
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-content: center;
    	align-items: center;
    	overflow: hidden;
    }

    .preview-campaign-fakeview-title {
    	position: relative;
    	font-weight: 500;
    	color: #FFF;
    	font-size: 14px;
    	line-height: 22px;
    	letter-spacing: 1px;
    	margin-bottom: 22px;
    	text-align: center;
    	white-space: pre-wrap;
    }

    .preview-campaign-fakeview-button {
    	position: relative;
    	color: #FFF;
    	font-weight: 500;
    	text-align: center;
    	width: 108px;
    	height: 24px;
    	line-height: 24px;
    	font-size: 7px;
    	letter-spacing: 1px;
    	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; 
    	background-color: #ff6417;
    }

	.slides-canvas-social {
		position: fixed;
		left: -5000px;
	}   



	/*		Settings 		*/

	.slides-hidden {
		position: absolute;
		display: none;
		top: 0;
		left: 6000px;
		width: 368px;
		height: 100%;
		background-color: #f4f4f4;
		z-index: 998;
		display: flex;
		flex-direction: column;
	}

	.slides-settings-block {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-content: flex-start;
		flex: 1 0 auto;
	}

	.slides-settings-block.slides-settings-html {
		flex: 0 0 25%;
	}

	#slides-generate-questions-content {
		height: calc(100% - 104px);
		border-bottom: 2px solid #e2e2e2;	
		padding-bottom: 8px;
	}

	.slides-settings-header {
		position: relative;
		width: 100%;
		height: 32px;
		line-height: 32px;
		text-indent: 8px;
		color: #313131;
		background-color: #f4f4f4;
	}

	.slides-settings-content {
		position: relative;
		width: 100%;
		background-color: #313131;
		flex: 1 0 auto;
		border: 4px solid #f4f4f4;
	}

	.slides-settings-textarea {
		position: relative;
		width: 100%;
		height: 100%;
		border: 0;
		padding: 16px;
		margin: 0;
		font-family: 'Fira Sans', sans-serif;
		color: #d4d4d4;
		font-size: 12px;
		background-color: #313131;
	}

	#slides-custom-code-close {
		position: absolute;
		width: 32px;
		height: 32px;
		top: 0;
		right: 0;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/library/close_library.png);
		z-index: 1;
	}

	#slides-custom-code-open {
		position: absolute;
		width: 32px;
		height: 40px;
		top: 0;
		right: 0;
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../img/icon-settings.png);
		z-index: 1;
	}




	/*	Zap		*/

	#zap-content {
		overflow-y: auto;
		background-color: #e4e4e4;
	}

	#zap-configuration {
		position: relative;
		padding: 48px;
		max-width: 960px;
		margin: 0 auto;
		background-color: #f7f7f7;
	}

	.slides-edition-input-block.slides-edition-input-block-main {
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 2px solid #e4e4e4;
	}

	.slides-edition-input-block-zapfields {
		 display: flex; 
		 flex-direction: row; 
		 align-content: center; 
		 align-items: flex-start; 
		 justify-content: space-between;
	}

	.slides-edition-input-zapfield {
		display: inline-block;
		width: 40%;
	}

	.slides-edition-input-select-zapfield {
		display: inline-block;
		width: 15%;
	}

	.slides-edition-input-zapfield-textarea {
		height: 32px;
		line-height: 16px;
		padding: 8px;
	}

	#slides-hook-custom .slides-edition-input-zapfield-textarea {
		width: 84%;
		height: 200px;
	}

	.slides-edition-delete-hook {
		display: inline-block;
		width: 2%;
		height: 32px;
		background-size: 13px 16px;
		background-repeat: no-repeat;
		background-position: right center;
		background-image: url(../img/papelera_ico.png);
		cursor: pointer;
	}








/**
* 11.0 Media queries
*
* -----------------------------------------------------------------------------
*/

@media (min-width: 1400px) {
/*	.no-tabs-project {
		width: 20%;
	}*/
}

@media (max-width: 1200px) {
	.project-content .appearance-cti-title {
		font-size: 6.88px;
		margin-bottom: 3.96px;
	}

	.project-content .appearance-cti-text {
		font-size: 3px;
	}

	.project-content .appearance-cti-button-text {
		padding: 3.44px 5.33px;
		font-size: 2.58px;
		margin-top: 6.88px;
	}

	#appearance-screen .appearance-cti-title {
		font-size: 25px;
		margin-bottom: 14.37px;
	}

	#appearance-screen .appearance-cti-text {
		font-size: 14.37px;
	}

	#appearance-screen .appearance-cti-button-text {
		padding: 12.5px 19.37px;
		font-size: 9.37px;
		margin-top: 25px;
	}

	#dashboard-appearance .appearance-cti-title {
		font-size: 20.36px;
		margin-bottom: 11.7px;
	}

	#dashboard-appearance .appearance-cti-text {
		font-size: 11.7px;
	}

	#dashboard-appearance .appearance-cti-button-text {
		padding: 10.18px 15.78px;
		font-size: 7.63px;
		margin-top: 20.36px;
	}
}

@media (max-width: 768px) {
	.catalogue {
		width: 50%;
	}

	.catalogue-button {
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		width: 140px;
		text-align: center;
		opacity: 1;
		border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; 
	}

	.catalogue-icon {
		position: absolute;
		opacity: 1;
		bottom: 24px;



	    -webkit-transition: opacity .5s;
	    -moz-transition: opacity .5s;
	    -o-transition: opacity .5s;
	    transition: opacity .5s;
	}


	.templates-filters {
		border-color: #CCC;
		line-height: 50px;
	}

	.templates-filters-header {
		border-right: 0;
	}

	footer {
		height: auto;
	}

	#footer-content {
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.no-tabs #dashboard-hello {
		padding: 0 10px 0;
	}

	#hello-title {
		font-size: 16px;
		line-height: 24px;
	}
	
	#hello-buttons #button-facebook-login {
		width: 100%;
		max-width: 334px;
	}
}

@media (max-width: 480px) {
	.catalogue {
		width: 100%;
	}

}

@media (max-height: 800px) {
	#media-library-selected-files .popup-media-item {
		max-width: 190px;
	}
}

.new_screens_title {
    text-align:center;
    font-size:24px;
    margin-bottom: 16px;
    margin-top: 40px;
}

.new_screens_subtitle {
    text-align:center;
    font-size:13px;
    margin-bottom: 32px;
}
.new_screens_block_1 {
    background-color:#d1dfed;
    border-radius: 4px;
    margin: 5px 5px 12px;
    font-size:12px;
}
.new_screens_block_2 {
    background-color:#ebebeb;
    border-radius: 4px;
    margin: 5px 5px 12px;
    font-size:12px;
}
.new_screens_block_3{
    background-color:#e0ede4;
    border-radius: 4px;
    margin: 5px 5px 12px;
    font-size:12px;
}
.new_screens_dropdown{
    padding: 30px 20px 20px;
    cursor:pointer;
    overflow: hidden;
}
.new_screens_dropdown_title{
    float:left;
    font-weight: 500;
    font-size:12px;
}
.new_screens_dropdown_step{
    float:right;
    font-size:12px;
}
.new_screens_dropdown_button{
    border: 1px solid #bbb;
    border-radius:4px;
    padding: 3px 20px;
    float:right;
    cursor:pointer
}
.new_screens_dropdown_container{
    padding: 0 20px;
}
.new_screens_dropdown_fake{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
}

#left_sidebar{
    padding-left: 0;
    padding-right: 0;
}

#new_library_search_box{
    height: 32px;
    background-image: url(../img/library/ico-search.png);
}
.dashboard-video-video-2{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}


#new_library_search_box_text{
    color: #b2b2b2;
    font-size: 12px;
}

#new_library_add_button{
    width: 80px;
    border-radius: 4px;
    float: left;
    height: 32px;
    line-height: 32px;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #474747;
}

#new_library_add_button:hover{
    background-color: #313131;
    color: #FFF;
}

#new_library_add_button_pause{
    width: 80px;
    border-radius: 4px;
    float: left;
    height: 32px;
    line-height: 32px;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #474747;
}

#new_library_add_button_pause:hover{
    background-color: #313131;
    color: #FFF;
}

#new_library_add_button_transparent{
    width: 80px;
    border-radius: 4px;
    float: left;
    height: 32px;
    line-height: 32px;
    text-transform: none;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: transparent;
    border: 1px solid #b2b2b2;
    color: #474747;
    margin-left: 8px;
}

#new_library_add_button_transparent:hover{
    background-color: #e4e4e4;
}

.popup-button-scorm{
    width: 150px;
    background-color: #f4f4f4;
    color: #313131;
    margin-right: 8px;
    position: relative;
    float: right;
    height: 40px;
    line-height: 40px;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    margin-left: 2px;
    border: 0;
    text-decoration: none;
    opacity: 1;
    -webkit-transition: color .5s, background-color .5s, opacity: .5s;
    -moz-transition: color .5s, background-color .5s, opacity: .5s;
    -o-transition: color .5s, background-color .5s, opacity: .5s;
    transition: color .5s, background-color .5s, opacity: .5s;
}

.popup-button-scorm:hover{
    background-color: #ffffff;
}

.button_download_stats{
    background-color: #093;
    width: 140px;
    position: relative;
    clear: both;
    margin: 20px auto;
    color: #F7F7F7;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    font-size: 11px;
    padding: 0 15px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}
.button_download_stats:hover{
     color: white;
}

#slides-edition-unsplash-link{
    border-bottom: 1px solid #474747;
    color: #474747;
}

.onboarding-sutitle{
    font-weight: normal;
    font-size: 2vh;
}

.onboarding-title{
    font-size: 3.75vh;
}

.onboarding-template{
    width:320px;
    height:640px;
    margin: 20px 0px 16px 44px;
}

.onboarding-template-image{
    width: 75%;
    height: 65%;
    max-width: inherit;
    display: block;
}

#img-onboarding-step-2{
    width: 100%;
    height: 80%;
}

#img-onboarding-step-3{
    width: 100%;
}

.onboarding-buttons{
    margin: 24px;
    text-align:center;
    width: 70%;
}

.onboarding-footer{
    margin: 24px 0;
    text-align:center;
}

#buttons-onboarding-step-2{
    width: 100%;
}

#buttons-onboarding-step-3{
    width: 100%;
}

.onboarding-screen{
    display: flex;
    flex-direction: row;
    word-wrap: break-word;
    position: relative;
    justify-content: center;
}

.onboarding-description{
    font-size:12px;
    margin-top:16px;
}

.onboarding-strong{
    font-weight:bold;
    background-color: #ffee7b;
}

.onboarding-button{
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #474747;
    letter-spacing: 1px;
    cursor: pointer;
    margin-left: auto;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    width: 200px;
    text-align: center;
    background-color: #e4bc50;
}

.onboarding-do-it-again{
    position: fixed;
    bottom: 24px;
    left: 0;
    text-align: center;
    width: 100%;
}

.onboarding-link{
    cursor: pointer;
    margin-left: 4px;
    border-bottom: 1px solid;
    font-weight: 500;
}

.button-popup-calendly{
    display: inline-block;
    width: auto;
    padding: 0 20px;
    font-weight: 600;
    border-radius: 5px;
    letter-spacing: 0;
    margin-left: 15px;
    font-size: 12px;
    background-color: #e5bd45;
}

#new-leads-box{
    background-color: #F7F7F7;
}

#popup-preview-campaign-link-leads{
    color:#999999;
    background-color:#ECECEC;
}

#new-leads-block{
    margin-bottom: 10px;
    height:180px;
    border: 1px solid #DEDEDE;
    background-color: #E2E7EE;
}

.new-lead-help-title{
    margin: 24px;
    font-weight: 500;
    letter-spacing: 1px;
}

.new-lead-help-text{
    margin: 24px;
}

.new-lead-help-link{
    border-bottom: 1px solid #999999;
    cursor: pointer;
}

#new-leads-block-margin{
    margin-top: 72px;
}

#project-title-slides{
    color: #333333
}

#project-subtitle-slides{
    color: #333333
}

.input-title-slides{
    width: 70%;
    height: 56px;
    margin-top: 40px;
    padding: 8px;
    font-size:18px;
    color: #1e1e1e;
    border: 1px solid #009FDE;
    float: right;
    margin: 0 24px
}

.divider-slides{
    position: relative;
    clear: both;
    width: 100%;
    height: 50px;
    background-position: center left;
    background-repeat: repeat;
    background-image: url(../img/divider-bg.png);
    text-align: center;
}

.divider-text-slides{
    background-color: white;
    height: 50px;
    width: 60px;
    font-size: 13px;
    margin: 0 auto;
    line-height: 48px;
}

.button-container{
    display: flex;
    justify-content: center;
}

.button-title-example{
    border: 1px solid #999;
    height: 32px;
    font-size: 13px;
    border-radius: 4px;
    margin: 0 16px 8px;
    color: #666;
    cursor:pointer;
    padding: 0 8px;
    display: inline-table;
    line-height: 16px;
}

.button-title-example:hover{
    color: #1E1E1E;
    border: 1px solid #1E1E1E;
    background-color: #F4F4F4
}


.button-slide-continue{
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #E2E2E2;
    letter-spacing: 1px;
    cursor: pointer;
    margin-left: auto;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    width: 100%;
    max-width: 200px;
    text-align: center;
    background-color: #333;
}

.close-slides{
    position: absolute;
    top: -8px;
    right: -16px;
    width: 10px;
    height: 30px;
    background: right center no-repeat url(../img/icon-close-search.png);
    cursor: pointer;
}

.jump-header{
    position: absolute;
    top: 24px;
    right: 48px;
    font-size: 11px;
    cursor:pointer;
}

.left-div-title-slides{
    float: left;width: 65%;
    text-align:center
}

.right-div-title-slides{
    float: left;
    width: 35%;
    border-left: 1px solid #999;
}

.right-div-title-text-slides{
    margin: 0 16px 20px 16px;
    font-size:13px;
    font-weight:500;
}

.modal-backdrop {
	z-index: 1;
}

.form-remove-field{
    position: absolute;
    bottom: 11px;
    right: -2px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(../img/papelera_ico.png);
    cursor: pointer;
    background-size: 14px;
}

.change-order-field{
    width: 12px;
    background-color: transparent !important;
    display: inline-block;
    padding: 0;
}

#arrow_down{
    background-image: url(../img/arrow_down.png);
}

#arrow_up{
    background-image: url(../img/arrow_up.png);
}

.percentage-test-ab{
    margin: 0px 8px;
}

.slides-container-range{
    display: flex;
}

#funnel-selector{
    background-color: transparent;
    width:100%
}

.select-aggregated-funnel{
    margin-right: 8px;
    position: relative;
    float: left;
}

.question-funnel-title{
    float: left;
    margin-top: 1px;
    margin-right: 8px;
}

#leads-stats-title-small{
    width: 47%;
    display: flex;
}

.transparent-input{
    background: transparent;
    border: transparent;
}

#col-pad-24{
    padding-left: 24px;
}

#no-tabs-content-flex-column{
    flex-direction: column;
}

.project-group-name-input{
    width:100%;
    background:transparent;
    border:transparent
}

.project-group-price-input{
    width:30%;
    background:transparent;
    border:transparent
}

.arrow_rigth_black {
    background-image: url(../img/project-group/arrow_right_black.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    width:24px;
    height:24px;
    background-color: transparent
}

.drop_down_black {
    background-image: url(../img/project-group/drop_down_black.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    width:24px;
    height:24px;
    background-color: transparent
}

.project_group_container{
    display: flex;
    width: 100%;
}

.detail_group_container {
	position: relative;
    padding: 0 32px;
    display:none;
    width:  100%;
}

.detail_group_container_header {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#detail_group_container_search {
	padding-top:  46px;
	margin-right: 16px;
}

.detail_group_list_container {
	position: relative;
    padding-top: 24px;
}

.detail_group_list_container_left {
	float:  left;
	width:  50%;
	padding-top: 16px;
}

.detail_group_list_block {
	position: relative;
	display: flex;
	padding:  0 4px;
	height: 36px;
	width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}

.detail_group_list_block.current_status input:checked + .slider:before {
  background-color: #ffa500;
}

.detail_group_list_block.detail_group_list_block_header {
	font-size:  11px;
	font-weight: 800;
	color: rgba(51,51,51,0.6);
}

.detail_group_list_block:nth-child(even) {
	background-color:  #efefef;
}

.detail_group_list_block_item {
	position: relative;
	font-size: 12px;
	padding:  0 4px;
	width:  100px;
	text-align: center;
	line-height: 36px;
}

.detail_group_list_block_item.detail_group_list_block_name {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	width: 100%;
	flex:  1;
}

.detail_group_list_block_item.detail_group_list_block_name .switch {
  margin: 0 8px 0 0;
}

.detail_group_list_block_item .transparent-input {
	width: 50px;
}

.detail_group_list_block_item .project-campaign-input {
	width: 40%;
	background-color: transparent;
	border: transparent;
	margin: 0;
	padding:  0;
	height: 36px;
	text-align: center;
}


.detail_group_list_title {
    font-weight:500;
    font-size:12px
}

.detail_group_list_item {
    min-width: 200px;
    padding-right: 24px;
}

.detail_group_list_item:first-child {
	width: 400px;
}

.detail_group_more_campaigns {
	position: relative;
	width: 100%;
	cursor: pointer;
	margin-top:  8px;
	font-size:  13px;
	text-align: center;
}

.projects-group-sales-input-transparent{
	width: 32px; 
	height: 32px;
	border:transparent; 
	float:left; 
	margin-right: 24px;
}

.projects-group-sales-input{
	width: 32px; 
	height: 32px;
	float:left; 
	margin-right: 24px;
}

.projects-group-sales-action{
	width: 40px;
	position: relative; 
	float: left;
}

.projects-group-sales-date{
	width: 128px;
	height: 32px;
}

.purchases-matching-field{
	font-size: 18px; 
	background: transparent;
	border-bottom: 1px solid #666;
	border-top: transparent;
	border-left: transparent;
	border-right: transparent;
}

.purchases-select{
	background: transparent;
	font-size: 18px;
	width: 50%;
}

.purchases-button-update{
	position: relative;
	display: inline-block;
	width: auto;
	height: 32px;
	line-height: 30px;
	color: #474747;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 24px;
	padding: 0 20px;
	border: 1px solid #b2b2b2;
	font-size: 12px;
	border-radius: 4px;
	font-weight: 500;
}

.classifiers-title{
	font-weight:500;
}
.classifiers-value{
	font-weight:550; 
	font-size:16px;
}