/*

Abel - body type, h2,4,5
Amatic - h1, button
Oswald - h3

Turquoise #5CD8D8
Nav black #090A0A;
Body screen #303030

*/

@font-face {
	font-family: 'CadizRegular';
	src: url("/branding-assets/fonts/Cadiz-Regular.woff") format("woff");
	src: url("/branding-assets/fonts/Cadiz-Regular.otf") format("opentype");
}
@font-face {
	font-family: 'CadizSemiBold';
	src: url("/branding-assets/fonts/Cadiz-SemiBold.woff") format("woff");
	src: url("/branding-assets/fonts/Cadiz-SemiBold.otf") format("opentype");
}
@font-face {
	font-family: 'CommutersSansRegular';
	src: url("/branding-assets/fonts/CommutersSans-Regular.woff") format("woff");
	src: url("/branding-assets/fonts/CommutersSans-Regular.otf") format("opentype");
}
@font-face {
	font-family: 'CommutersSansSemiBold';
	src: url("/branding-assets/fonts/CommutersSans-SemiBold.woff") format("woff");
	src: url("/branding-assets/fonts/CommutersSans-SemiBold.otf") format("opentype");
}

body {
	background: #333;
	color: #ddd;
	font-family: CadizRegular;
	line-height: 1.45;
	font-size: 1.0em;
}
@media screen and (min-width: 768px) {
	body {
		font-size: 1.4em;
	}
}
h1, h2, h3, h4, h5 {
	margin: 0 0 1.5% 0;
	line-height: 1.25;
}
h1 {
	font-family: 'CommutersSansSemiBold', sans-serif;
	font-size: 3.25em;
}
h2 {
	font-family: 'CommutersSansSemiBold', sans-serif;
	font-size: 2.5em;
}
h3 {
	font-family: 'CommutersSansRegular', sans-serif;
	font-size: 2.0em;
}
h4 {
	font-family: 'CommutersSansRegular', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
}
h5 {
	font-weight: 700;
	font-size: 1.1em;
}
a {
	color: #5CD8D8;
}
a.disabled {
	color: #666 !important;
}
hr {
	border-color: #565656;
}
label {
	font-weight: normal;
	cursor: pointer;
}
.kicker {
	color: #5CD8D8;
	text-transform: uppercase;
	letter-spacing: .75px;
}
.text-danger {
	color: #fffc00;
}
.text-yellow {
	color: yellow;
	opacity: 0.6;
}
nav.top {
	background: #090A0A;
	/*background: red;*/
	position: relative;
	height: 40px;
	width: 100%;
	position: fixed;
	z-index: 201;
	color: white;
}
nav.top .meter {
	margin-left: 195px;
	width: 60%;
	line-height: 40px;
	font-size: 80%;
	color: #aaa;
}
nav.top .meter .progress {
	width: 50%;
	margin-right: 10px;
	margin-top: 10px;
}
nav.top .mobile-logo img {
	height: 27px;
	margin: 5px 0 0 8px;
}
nav.top .slug {
	/*background: yellow;*/
	font-size: 0.75em;
	cursor: pointer;
}
nav.top .slug:hover {
	opacity: 0.80;
}
nav.top .slug img {
	height: 40px;
}
nav.top .slug h2 {
	line-height: 1.0;
	font-size: 1.3em;
	margin: 5px 0 0 0;
}
nav.top .slug .credits {
	padding-right: 7px;
}
nav.top .subnav {
	/*background: blue;*/
}
nav.top .subnav i.toggle {
	display: block;
	line-height: 40px;
	text-align: center;
	padding: 0 15px;
	color: #5CD8D8;
	cursor: pointer;
}
nav.top .subnav i.toggle.active,
nav.top .subnav i.toggle:hover {
	color: black;
	background: #5CD8D8;
}
nav.top .subnav ul.context {
	position: absolute;
	background: #090A0A;
	min-width: 100px;
	text-align: center;
	top: 40px;
	right: 0;
	padding: 7px 0;
	display: none;
	z-index: 9999;
}
nav.top .subnav ul.context li {
	padding: 2px 7px;
}
nav.top .subnav ul.context li:hover {
	background: #5CD8D8;
}
nav.top .subnav ul.context li:hover a {
	color: black;
}
nav.left {
	width: 175px;
	height: 100vh;
	z-index: 210;
	background: #090A0A;
	position: fixed;
}
@media screen and (max-width: 768px) {
	nav.left {
		display: none;
	}
}
nav.left img.logo {
	max-width: 100%;
	padding: 22px;
	margin-bottom: 20px;
}
nav.left ul.links {
	font-size: 105%;
}
nav.left ul.links li a {
	display: block;
	padding: 15px 0px 15px 18px;
	color: white;
}
nav.left ul.links li {
	position: relative;
}
nav.left ul.links li li a {
	padding: 10px 0px 10px 40px;
	font-size: 85%;
}
nav.left ul.links li a:hover,
nav.left ul.links li a.active {
	background: #303030;
}
nav.left .tooltip-video-button {
	position: absolute;
	color: white;
	right: 0px;
}
nav.left ul.links li li .tooltip-video-button {
	top: 8px;
}
nav.left ul.links li .tooltip-video-button {
	top: 12px;
}
.leftnav-mobile-toggle {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	color: white;
	background: #5CD8D8;
	padding: 10px;
	font-size: 1.8em;
	opacity: 0.75;
	cursor: pointer;
}
nav.left .tooltip-video-button:hover {
	color: #5CD8D8;
}
.leftnav-mobile-toggle:hover {
	opacity: 1.0;
}
nav.bottom {
	background: #090A0A;
	height: 40px;
	width: 100%;
	z-index: 100;
	left: 0;
	top: 100vh;
	margin-top: -40px;
	position: fixed;
}
section.content {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 55px;
	position: relative;
}
@media screen and (min-width: 769px) {
	section.content {
		padding-left: 200px;
		padding-top: 67px;
		margin-bottom: 20px;
		/*min-height: 90vh;*/
	}
	.editmate-public section.content {
		padding-left: 0;
		padding: 67px 50px;
	}
}
section.content a:hover {
	opacity: 0.75;
}
section.content select.form-control {
	background-color: #303030;
	color: white;
	border-color: #555;
}
.fluid {
	display: block;
	width: 100%;
}
.btn,
.btn-xs,
.btn-sm {
	border: 0;
	text-transform: uppercase;
	/*font-family: abel;*/
}
.btn-primary,
.btn-primary:hover {
	background: #5CD8D8;
	border-color: #5CD8D8;
	color: #333;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	opacity: 0.8;
	background: #5CD8D8;
}
.btn-default,
.btn-default:hover {
	background: #303030;
	border: 1px solid #444;
	color: white;
}
.btn-primary:hover,
.btn-default:hover {
	opacity: 0.85;
}
.project-form .dropdown-menu {
	background: #5CD8D8;
}
.project-form .dropdown-menu, .dropdown-menu > li > a {
	color: white;
}
.project-form .dropdown-menu > li > a:focus,
.project-form .dropdown-menu > li > a:hover {
	color: #666;
}
.well {
	background-color: #666;
	border-color: #555;
}
thead td {
	font-weight: 700;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #222;
}
.table-striped td {
	border-color: #343434 !important;
}
.table-striped tr:hover {
	opacity: 0.8;
}
.checkbox, .radio {
    margin-top: auto;
    margin-bottom: auto;
}
.pagination > li > a,
.pagination > li > span {
  border: 1px solid #434343 !important;
  background: #666;
  color: white;
}
.pagination>li>a:hover {
	background: #5CD8D8;
	color: #fff;
	opacity: 1.0;
}
.pagination > li.active > a,
.pagination > li.active > a:hover {
  background: #5CD8D8;
  color: #fff;
}
.pagination > .disabled > a,
.pagination > .disabled > a:hover {
	opacity: 0.25;
	color: white;
	background: #666;
}
.flash-message {
	position: fixed;
	z-index: 9999;
	width: 75%;
	left: 50%;
    top: 40px;
    transform: translate(-50%, -50%);
	margin: auto;
}
.flash-message a {
	color: orange;
}
.overlay-uploader {
	display: none;
}
.overlay-uploader-splash {
	background: #333;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	opacity: 0.8;
}
.overlay-uploader-content {
	z-index: 9999;
	position: fixed;
	top: 20vh;
	width: 50%;
	left: 25%;
	background: #222;
	padding: 15px 50px;
}
.overlay-uploader-content .progress-bar {
	background: #5CD8D8;
}
.overlay-uploader-indicator {
	display: none;
	z-index: 9999;
	position: relative;
}
.overlay-uploader-hover .overlay-uploader-indicator {
	display: block;
}
.overlay-uploader-indicator .screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.75;
}
.overlay-uploader-indicator .context {
	position: fixed;
	top: 50vh;
	left: 50%;
	margin-left: -270px;
	margin-top: -90px;
	width: 540px;
	color: white;
	text-align: center;
}
.wait-splash {
	display: none;
	background: #666;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	opacity: 0.75;
}
.wait-splash i {
	position: absolute;
	font-size: 120px;
	left: 50%;
	margin-left: -60px;
	margin-top: 10%;
}

/* Account slug */

.slug.account {
	font-size: 1.3rem;
	line-height: 1.0;
	display: block;
	width: 100%;
	height: 120px;
	overflow: hidden;
	background-color: #090A0A;
	padding: 10px;
}
.slug.account .delete-me {
	display: none;
}
.slug.account .photo {
	max-height: 90px;
	max-width: 40%;
	overflow: hidden;
	margin-top: -10px;
	margin-left: -10px;
}
.slug.account .photo img {
	max-height: 90px;
	max-width: 100%;
}
.slug.account h4,
.slug.account p {
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.0;
}
.slug.account h4 {
	color: #5CD8D8;
	font-weight: 300;
}
.slug.account .role-label {
	font-weight: 700;
	font-size: 90%;
}

/* Video slug */
.slug.video {
	position: relative;
	font-size: 1.1rem;
	line-height: 1.0;
	display: block;
	width: 100%;
	height: 260px;
	overflow: hidden;
	background-color: #090A0A;
	padding: 10px;
	z-index: 100;
	position: relative;
}
.slug.video .type-name {
	text-transform: uppercase;
	margin-bottom: 7px;
	margin-top: -2px;
	color: #999;
}
.slug.video .media-container {
	height: 175px;
	margin-bottom: 5px;
	overflow: hidden;
}
.slug.video .media-container video {
	height: 175px;
	width: 100%;
}
.slug.video .media-container img {
	height: 100%;
}
.slug.video .photo-content {
	text-align: center;
	margin-bottom: 10px;
}
.slug.video .static-preview {
	position: relative;
	cursor: pointer;
	text-align: center;
}
.slug.video .static-preview .playbtn {
	text-align: center;
	position: absolute;
	opacity: 0.75;
	width: 100%;
	margin-top: 65px;
}
.slug.video .static-preview .playbtn img {
	height: 50px;
}
.slug.video .unsupported {
	height: 175px;
	background: #303030;
	width: 100%;
	padding-top: 75px;
	color: #999;
	text-transform: uppercase;
	margin-bottom: 10px;
	position: relative;
}
.slug.video .unsupported .file-extension {
	opacity: 0.5;
}
.slug.video .unsupported .file-extension i {
	font-size: 120px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -45px;
}
.slug.video .unsupported .file-extension .copy {
	text-transform: none;
	font-size: 18px;
}
.slug.video .size {
	color: #999;
}
.slug.video h5 {
	line-height: 1.2;
	font-size: 1.09em;
	margin: 0 0 5px 0;
	max-width: 200px;
	word-break: break-all;
}
.slug.video h6 {
	line-height: 1.0;
	font-size: 1.0em;
	margin: 0;
}
.slug.video .info-dialog {
	display: none;
	position: absolute;
	top: 10px;
	background: #303030;
	width: 94%;
	position: absolute;
	margin-top: 18px;
	height: 220px;
	padding: 10px;
}
.slug.video .info-dialog .slug.account {
	margin-top: 10px;
	height: 33px;
	overflow: hidden;
	font-size: 9px;
}
.slug.video .info-dialog .slug.account img {
	max-height: 25px;
}
.slug.video .option-bar {
	position: absolute;
	top: 8px;
	right: 10px;
}
.slug.video .option-bar i {
	cursor: pointer;
	opacity: 1.0;
}
.slug.video .option-bar i:hover {
	opacity: 0.8;
}
.slug.video .option-bar .ai-enhance {
	position: relative;
}
.slug.video .option-bar .ai-enhance img {
	max-height: 20px;
	display: inline-block;
	position: absolute;
	top: -15px;
	right: 0px;
	cursor: pointer;
}
.slug.video .option-bar .ai-enhance img:hover {
	opacity: 0.6;
}
.slug.video .option.selected {
	color: #5CD8D8;
}
.slug.video .flyout {
	position: absolute;
	top: 0;
	right: 0;
	background: #303030;
	color: white;
	line-height: 1.0;
	padding: 5px 0;
	display: none;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
	min-width: 100px;
}
.slug.video .flyout .item {
	padding: 5px 10px;
	cursor: pointer;
}
.slug.video .flyout .item:hover {
	background: #666;
}

/* Project grid */

.projects-grid .batch-toolbar {
	background: #222;
	position: fixed;
	padding: 15px 22px;
	border-radius: 5px;
	top: 90px;
	right: 40px;
	font-size: 1.3em;
	border: 1px solid #343434;
	z-index: 9999;
	display: none;
}
.projects-grid .batch-toolbar .btn {
	margin-left: 10px;
}
.projects-table tbody tr {
	cursor: pointer;
}
.projects-table tbody .buttons {
	width: 250px;
}
.projects-table tbody .buttons .btn {
	/*display: none;*/
	padding: 6px 7px;
}
.projects-table tbody tr:hover .buttons .btn {
	display: inline-block;
}
.projects-table .totals a {
	color: white;
}
.projects-table .totals strong {
	background: #555;
	border-radius: 2px;
	padding: 2px 4px;
}
.projects-table .totals small {
	margin-left: 10px;
	opacity: 0.75;
	font-size: 70%;
}
.projects-grid .filter-area {
	position: absolute; 
	right: 20px;
	margin-top: -45px;
	font-size: 85%;
	color: #ddd;
}
.projects-grid.channels .filter-area {
	margin-top: 53px;
}
.projects-grid .filter-area .search-label {
	margin-right: 10px;
}
.projects-grid .filter-area .inputs span {
	margin-left: 3px;
}
.projects-grid .filter-area input[type=text] {
	font-size: 14px;
	color: #666;
	padding: 2.5px 6px;
	border-radius: 2px;
	border: 0;
}

.projects-grid .filter-area button {
	padding: 7px 7px;
}
.projects-grid .user-search {
	font-size: 85%;
	margin-top: 5px;
}

/* Project edit */

.project-form {
	font-size: 1.2rem;
	margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
	.project-form-head {
		margin-top:	20px;	
	}
}
.project-form .buttons {
	position: absolute;
	right: 20px;
	top: 60px;
}
@media screen and (max-width: 768px) {
	.project-form .buttons {
		left: 0;
		top: 50px;
		right: auto;
	}
	.project-form .buttons button {
		font-size: 1.0em;
		padding: 3px 6px;
	}
}
.project-form .buttons button {
	margin-left: 10px;
}
.project-form .buttons button.request-editor {
	background: #FF0074;
	color: black;
}
.project-form .row {
	margin-bottom: 15px;
}
.project-form h4 {
	font-weight: 300;
	text-transform: uppercase;
}
.project-form .top-bar {
	height: 22px;
	margin-bottom: 5px;
}
.project-form .top-bar button {
	margin-left: 3px;
}
.project-form .role .remove-account {
	display: none;
}
.project-form .role.assigned .remove-account {
	display: inline-block;
}
.project-form section {
	margin-bottom: 15px;
}
.project-form .approve-role {
	color: #5CD8D8;
	margin-left: 6px;
	cursor: pointer;
}
.project-form .approve-role:hover {
	text-decoration: underline;
}
.project-form textarea.form-control,
.project-form input[type=text].form-control {
	background-color: #090A0A;
	border-radius: 0;
	border: 0;
	color: white;
	/*font-family: abel;*/
	font-size: 1.4em;
	line-height: 1.2;
}
.project-form textarea.form-control {
	height: 120px;
	padding: 10px;
}
.project-form input[type=text].form-control {
	height: 40px;
}
.project-form h2 {
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 3.0em;
}
.project-form .web-visible,
.project-form .mobile-visible,
.project-form .draft-visible,
.project-form .final-visible {
	display: none;
}
.project-form .no-video {
	display: none;
	font-size: 2.0em;
	color: #bcbcbc;
	padding: 50px 0;
	background: #454545;
	border: 0;
}
.project-form .no-video  i {
	margin-right: 10px;
}
.project-form .upload-buttons {
	position: absolute;
	right: 15px;
	top: 595px;
}
.project-form .upload-buttons .actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 25px;
	width: 85px;
	z-index: 9999;
	height: 100%;
	overflow: hidden;
	opacity: 0;
}
.project-form .upload-buttons .actual-input input {
	cursor: pointer;
}
.project-form .upload-buttons button,
.project-form .upload-buttons .btn-group {
	margin-left: 10px;
}
.project-form .upload-buttons .right-buttons .dropdown-menu {
	margin-left: -75px;
}
.project-form h2 {
	line-height: 1.0;
	margin-right: 20px;
}
.project-form ul.video-types li {
	margin-left: 10px;
	display: none;
}
.project-form ul.video-types li a {
	background-color: #444;
	color: white;
	padding: 7px 10px;
}
.project-form ul.video-types li.active a {
	background-color: #5CD8D8;
}
.project-form .slug.video .size,
.project-form .slug.video h6 {
	display: none;
}
.project-form .slug.video .info-dialog .slug.account .photo,
.project-form .slug.video .info-dialog .slug.account h4,
.project-form .slug.video .info-dialog .slug.account .phone,
.project-form .slug.video .info-dialog .slug.account .skype,
.project-form .slug.video .info-dialog .slug.account .company {
	display: none;
}
.project-form .slug.video .info-dialog .slug.account .email {
	text-align: left !important;
}
.project-form .slug.video .info-dialog .col {
	margin-bottom: 3px;
}
li.video-tile-draggable {
	list-style-type: none;
	float: left;
	width: 22%;
	margin-right: 1%;
	margin-bottom: 15px;
}
li.video-tile-draggable .type-name {
	cursor: move;
}
li.video-tile-draggable .toggler {
	font-size: 1.3em;
	padding: 7px 5px 5px 5px;
	position: absolute;
	cursor: pointer;
	color: #888;
	z-index: 150;
}
li.video-tile-draggable .toggler .checked {
	display: none;
}
li.video-tile-draggable.selected .slug {
	background: #666;
}
li.video-tile-draggable.selected .toggler .checked {
	display: block;
}
li.video-tile-draggable.selected .toggler .unchecked {
	display: none;
}
li.video-tile-draggable .type-name {
	padding-left: 20px;
}
.project-form .check-all {
	background: #666;
	font-size: 0.75em;
	text-transform: uppercase;
	padding: 3px 6px;
	margin-left: 20px;
	margin-top: 10px;
	cursor: pointer;
}
.project-form .video-output .options {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	overflow: hidden;
	background: #090A0A;
}
.project-form .video-output label {
	font-weight: 300;
	cursor: pointer;
}
.project-form .video-output .tickbox {
	display: inline-block;
	margin-left: 12px;
	margin-right: 5px;
}
.project-form .video-output .options li {
	margin: 0 0;
	padding: 0 0;
	font-size: 0.8em;
	width: 33%;
		float: left;
}
.project-form .video-output .options i {
	color: #999;	
	margin-left: 2px;
}
@media screen and (max-width: 1049px) {
	.project-form .video-output .options .copy {
		display: none;
	}
}
@media screen and (min-width: 1050px) and (max-width: 1330px) {
	.project-form .video-output .options i {
		display: none;
	}
}
@media screen and (min-width: 1500px) {
	.project-form .video-output .options li {
		font-size: 1.0em;
	}
}
.project-form .mobile-crew .send-notices {
	position: absolute;
	right: 15px;
	margin-top: -27px;
	padding: 5px 7px;
}
.project-form .mobile-crew .limits {
	font-weight: 300;
	font-size: 0.75em;
	color: #999;
	margin-left: 7px;
}
.project-form .role-notice {
	color: yellow;
	position: absolute;
	margin-top: 120px;
	margin-left: 15px;
}
.project-form .hashtag-input {
	padding-left: 22px;
}
.project-form .preset-hashtag {
	/*font-family: abel;*/
	font-size: 1.45em;
	line-height: 1.2;
	position: absolute;
	color: white;
	margin-top: -30px;
	margin-left: 7px;
}
.project-form .hashtag-error {
	position: absolute;
	display: none;
	color: red !important;
	font-size: 1.2em;
	margin-left: 100px;
	margin-top: -11px;
	line-height: 1.0;
}

/* Reduce gutter from 30px tp 20px */
.project-form .container {
	padding-right: 10px;
	padding-left: 10px;
}
.project-form .row {
	margin-right: -10px;
	margin-left: -10px;
}
.project-form .col-xs-1, .project-form .col-sm-1, .project-form .col-md-1, .project-form .col-lg-1, .project-form .col-xs-2, .project-form .col-sm-2, .project-form .col-md-2, .project-form .col-lg-2, .project-form .col-xs-3, .project-form .col-sm-3, .project-form .col-md-3, .project-form .col-lg-3, .project-form .col-xs-4, .project-form .col-sm-4, .project-form .col-md-4, .project-form .col-lg-4, .project-form .col-xs-5, .project-form .col-sm-5, .project-form .col-md-5, .project-form .col-lg-5, .project-form .col-xs-6, .project-form .col-sm-6, .project-form .col-md-6, .project-form .col-lg-6, .project-form .col-xs-7, .project-form .col-sm-7, .project-form .col-md-7, .project-form .col-lg-7, .project-form .col-xs-8, .project-form .col-sm-8, .project-form .col-md-8, .project-form .col-lg-8, .project-form .col-xs-9, .project-form .col-sm-9, .project-form .col-md-9, .project-form .col-lg-9, .project-form .col-xs-10, .project-form .col-sm-10, .project-form .col-md-10, .project-form .col-lg-10, .project-form .col-xs-11, .project-form .col-sm-11, .project-form .col-md-11, .project-form .col-lg-11, .project-form .col-xs-12, .project-form .col-sm-12, .project-form .col-md-12, .project-form .col-lg-12 {
	padding-right: 10px;
	padding-left: 10px;
}
.formdata-modal .download-button {
	margin-right: 10px;
}
.formdata-dialog {
	font-size: 80% ;
}
.formdata-dialog td,
.formdata-dialog th {
	padding: 6px;
}
.formdata-dialog tbody tr:nth-child(odd) {
	background: #444;
}
.formdata-dialog tbody small {
	display: block;
	font-size: 11px;
	font-weight: 700;
	margin-top: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 110px;
}

/* Edit page */

section.projects.tray {
	position: fixed;
	z-index: 200;
	width: 500px;
	margin-right: -500px;
	padding: 20px;
	right: 0;
	margin-top: -29px;
}
section.projects.tray.visible {
	margin-right: 0;
	position: absolute;
}
@media screen and (max-width: 768px) {
	section.projects.tray.visible {
		width: 100%;
	}
}
section.projects.tray .toggler {
	position: absolute;
	left: -66px;
	margin-top: 57px;
	padding: 12px 15px 12px 15px;
	font-size: 2.0em;
	cursor: pointer;
	background: #fffc00;
	color: #000;
}
@media screen and (max-width: 768px) {
	section.projects.tray .toggler {
		margin-top: 35px;
		font-size: 1.75em;
		padding: 8px 20px 8px 10px;
		left: -52px;
	}
	section.projects.tray.visible .toggler {
		display: none;
	}
}
section.projects.tray .toggler .count {
	display: none;
	position: absolute;
	font-size: 0.4em;
	font-family: arial, sans-serif;
	color: white;
	background-color: red;
	padding: 2px 8px;
	border-radius: 8px;
	font-weight: bold !important;
	line-height: 1.0;
	margin-left: -15px;
	margin-top: 2px;
}
section.projects.tray .toggler .copy {
	font-size: 0.4em;
	text-align: center;
	line-height: 1.0;
	text-transform: uppercase;
	font-weight: bold;
	/*background: red;*/
}
section.projects.tray .toggler:hover {
	opacity: 0.8;
}
section.projects.tray .mobile-toggler {
	font-size: 1.5em;
	margin-top: 7px;
	opacity: 0.5;
	cursor: pointer;
}
section.projects.tray .mobile-toggler:hover {
	opacity: 0.75;
}
section.projects.tray {
	background: #666;
}
section.projects.tray .toggler.wiggle {
    animation: shake 1s;
    animation-iteration-count: infinite; 
}
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-2px, 0px) rotate(1deg); }
    30% { transform: translate(2px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-2px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
section.projects.tray h3 {
	margin-bottom: 20px;
}
section.projects.tray .close-button button {
	display: none;
	position: fixed;
	right: 10px;
	margin-top: 5px;
	padding: 8px 10px;
	opacity: 1.0;
	box-shadow: 0px 0px 1px 1px #999;
}
section.projects.tray.visible .close-button button {
	display: block;
}
section.projects.tray .current-activity {
	margin-bottom: 25px;
}
section.projects.tray .no-results {
	display: none;
	background: #666;
	border: none;
	color: #aaa;
	text-align: center;
}
section.projects.tray .with-results {
	display: none;
}
section.projects.tray .add-comment textarea {
	background-color: #333;
	border-radius: none;
	border-color: #666;
	width: 100%;
	color: white;
	margin-bottom: 10px;
	height: 100px;
	resize: none;
}
section.projects.tray .add-button button {
	width: 100%;
}
ul.channel-list > li {
	border: 1px solid #333;
	border-radius: 5px;
	margin: 5px 0;
	padding: 8px 10px;
	color: #ccc;
	cursor: pointer;
	font-size: 90%;
}
ul.channel-list > li:hover {
	opacity: 0.8;
}
.comment-list > li {
	padding: 15px 10px;
}
.comment-list > li.single-comment {
	display: none;
}
.comment-list > li .slug.account {
	padding-bottom: 5px;
}
.comment-list > li:nth-child(odd),
.comment-list > li:nth-child(odd) .slug.account {
	background: #333;
}
.comment-list > li:nth-child(even),
.comment-list > li:nth-child(even) .slug.account {
	background: #090A0A;
}
.comment-list .timestamp {
	position: absolute;
	right: 30px;
	font-size: 0.75em;
	opacity: 0.8;
}
.comment-list .indicator {
	width: 8%;
	font-size: 1.0em;
	opacity: 0.5;
}
.comment-list .item {
	width: 90%;
}
.comment-list .slug.account {
	height: auto;
}
.comment-list .slug .photo img {
	max-height: 23px;
	margin-right: 7px;
}
.comment-list .slug h4 {
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	margin-top: -5px;
}
.comment-list .slug .phone,
.comment-list .slug .company,
.comment-list .slug .skype,
.comment-list .slug .email {
	display: none;
}
.comment-list .content {
	font-size: 0.8em;
	line-height: 1.3;
	margin: 8px 0 5px 0;
}
.comment-list p {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.0;
}

/* Modal */
.generic-modal .modal-content {
	background: #303030;
	color: white;
}
.generic-modal button.close {
	color: white;
}
.generic-modal .modal-content * {
	border-color: #666;
}
.formdata-modal .modal-dialog {
	width: 900px;
}
.formdata-modal .modal-content {
	background: #303030;
	color: white;
}
.formdata-modal button.close {
	color: white;
}
.formdata-modal .modal-content * {
	border-color: #666;
}
.tag-dialog-modal .modal-content {
	background: #303030;
	color: white;
}
.tag-dialog-modal button.close {
	color: white;
}
.tag-dialog-modal .modal-content * {
	border-color: #666;
}

/* Video picker */
.video-picker-main .results li {
	float: left;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 7px;
}
.video-picker-main .slug.video {
	height: 160px;
	cursor: pointer;
}
.video-picker-main .slug.video:hover {
	opacity: 0.8;
}
.video-picker-main .slug.video video,
.video-picker-main .slug.video .unsupported {
	height: 75px;
}
.video-picker-main .slug.video .unsupported {

}
.video-picker-main .slug.video h6 a,
.video-picker-main .slug.video .size {
	display: none;
}

/* Account picker */
.account-picker-main .slug.account .photo img {
	max-height: 70px;
}
.account-picker-main .slug {
	cursor: pointer;
}
.account-picker-main .slug.account h4,
.account-picker-main .slug.account p {
	margin: 0;
}
.account-picker-main .slug.account {
	height: 60px;
}
.account-picker-main .slug.account h4 {
	font-size: 1.5em;
	line-height: 1.8;
}
.account-picker-main .slug.account .phone,
.account-picker-main .slug.account .skype {
	display: none;
}
.account-picker-main .slug.account {
	padding: 0 10px;
	background: inherit;
}


/* ```````````````````` Legacy ````````````````````*/

.normal_padding{
	padding: 15px;
	
}

.folder_padding{
	padding:30px;
}



.res_bar{
	display:none;
}

.box_img{
	display: block;
    height: 80px;
    width: 80px;
    background-size: cover !important;
    background-position: center !important;
}

.mobinav{
	left: 0px !important;
	transition: .55s;
}

.res_bar:hover{
	color:#5CD6D6;
	transform: scale(1.1);
	background: white;
}

.respo{
	width:88%;
}

#mySidenav{
		width: 12%; background: #090A0A; height: 100vh; position: fixed; z-index: 10;
	}
 


@media screen and (max-width: 768px) {
	.respo{
		width: 100%;
	}
	
	.res_bar{
	z-index: 15;
    display: inherit;
    transition: .3s;
    position: fixed;
    font-size: large;
    padding: 15.5px;
    cursor: pointer;
    bottom: 0px;
    background: rgba(95,218,218,.5);
    border-radius: 5px;
    margin: 5px;
    right: 0px;
}
	
	#mySidenav{
		position: fixed;
		width: 40%;
    	left: -40%;
	}
}

	
	.log .row{
		margin: 50px auto !important;  
		
	}



.case p:first-child{
	font-size: 14px;
	color:#5DD9D9;
	font-weight: 900;
	text-transform: capitalize;
}

.case p{
	margin:2.5px 0px;
	font-size: 12px;
}

.case1 p{
	margin:2.5px 0px;
	font-size: 20.5px;
}





/*@-moz-document url-prefix() {
  .formmm .input-group .form-control{
	margin: 10px 0px;
    border-color: #5EDBDC;
    border-radius: 5px;
    font-size: 18px;
    color: #5EDBDC;
    background: none;
    padding: 0px 0px !important;
}
}


.formmm .input-group .form-control{
	margin: 10px 0px;
    border-color: #5EDBDC;
    border-radius: 5px;
    font-size: 18px;
    color: #5EDBDC;
    background: none;
    padding: 15px 25px;
}*/

.header_link a{
	width: 100%;
    color: white;
    display: block;
    padding: 7.5px 15px;
	transition: .4s;
	/*font-family: 'Oswald', sans-serif;*/
	/*font-weight: bolder; */
}

.eroo{
	background: none;
    border: none;
    border-radius: 0;
    color: #5FD9DB !important;
    padding: 15px;
}

.shows p{
	font-size: 22px;
	margin: 10px 0px;
}

.eroo:hover{
	background: none;
    border: none;
    border-radius: 0;
    color: #5FD9DB !important;
    padding: 15px;
}

.formeew{
	    background: none;
    border: none;
    padding: 0;
    font-size: 18px;
    color: white;
}

.formeew:focus{
	box-shadow:0 0 0;
}

.btn-theme{
	background: #5EDBDC;
    color: white;
    border: 0px;
    border-radius: 25px;
    padding: 5px 15px;
   /* text-shadow: 1px 1px 1px black;*/
    position: absolute;
    top: 68px;
    right: 15px;
        font-weight: bold;
}

.btn-theme:hover{
	background: #5EDBDC;
    color: white;
    border: 0px;
    border-radius: 25px;
    padding: 5px 15px;
  /*  text-shadow: 1px 1px 1px black;*/
    position: absolute;
    top: 68px;
    right: 15px;
}

.btn-theme:active{
	background: #5EDBDC;
    color: white;
    border: 0px;
    border-radius: 25px;
    padding: 5px 15px;
    text-shadow: 1px 1px 1px black;
    position: absolute;
    top: 68px;
    right: 15px;
}

.btn-theme:focus{ 
	background: #5EDBDC; 
    color: white;
    border: 0px;
    border-radius: 25px;
    padding: 5px 15px;
    text-shadow: 1px 1px 1px black;
    position: absolute;
    top: 68px;
    right: 15px;
}

.theme-btn{
	width:100%;
	color: #5FD9DB !important;
	text-transform: uppercase;
	font-weight: 900px;
	margin: 10px 0px;
}

.theme-btn2{
	width:100%;
	background: #5FD9DB;
	color: white !important;
	border:0px; 
	text-transform: uppercase;
	font-weight: 900px;
	margin: 10px 0px;
}

.eroo:active{
	background: none;
    border: none;
    border-radius: 0;
    color: #5FD9DB !important;
    padding: 15px;
}

.eroo:focus{
	background: none;
    border: none;
    border-radius: 0;
    color: #5FD9DB !important;
    padding: 15px;
}

.header_link a:hover{
	width: 100%;
    color: #090A0A;
	background: #5FDBDB;
    display: block;
	line-height: 3;
    font-size: 23;
    padding: 7.5px 15px;
}

.header_link a:focus{
	width: 100%;
    color: #090A0A;
	background: #5FDBDB;
    display: block;
	line-height: 3;
    font-size: 23;
    padding: 7.5px 15px;
}

/*.active{
	background: #303030 !important;
	color:white !important;
}*/
	
	/*.log .form-control{
		max-width: 200px;
    border-radius: 7.5px;
    background: none;
    transition: .6s;
    margin: 10px 0;
    border: 2px solid white;
	}
	
	.log .form-control:focus{
		max-width: 200px;
		border-radius: 7.5px;
		background: white;
	}*/
.nth{
	display:none;
}
	
	.log .btn-default{
		padding: 5px 50px;
		min-width: 200px;
		border-radius: 15px;
		font-weight: 900;
	}
	
	a{
		text-decoration:none;
		color: #5EDBDB;
	}
	
	a:hover{
		text-decoration:none;
		color: #5EDBDB;
	}

	a:focus{
		text-decoration:none;
		color: #5EDBDB;
	}
	
	.head{
		letter-spacing: 1.5;
		line-height: 1.25;
	}

/* Legacy from templates */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#mySidenav{
  font-size: 20px;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.single-video {
	max-width: 1000px;
	margin: auto;
}
.single-video h1 {
	font-size: 2.2em;
	line-height: 1.2;
	padding-top: 8px;
}
.single-video .logo img {
	max-height: 65px;
	margin-bottom: 10px;
}
.single-video video {
	width: 100%;
	max-height: 575px;
}
.single-video img {
	max-width: 100%;
	max-height: 600px;
}
.comment-modal .current-activity {
	margin-bottom: 25px;
}
.comment-modal .no-results {
	display: none;
	background: #303030;
	border: none;
	color: #aaa;
	text-align: center;
}
.comment-modal .with-results {
	display: none;
}
.comment-modal .add-comment textarea {
	background-color: #666;
	border-radius: none;
	border-color: #666;
	width: 100%;
	color: white;
	margin-bottom: 10px;
	height: 150px;
	resize: none;
}
.comment-modal .add-button button {
	width: 100%;
}
.story-content {
	border-radius: 3px;
	background: white;
	padding: 15px;
	color: #333;
}
.video-player video {
	width: 100%;
	max-height: 75vh;
}
section.pricing h3.subhead {
	margin-bottom: 25px;
}
section.pricing .tiers {
	width: 80%;
	margin: auto;
}
section.pricing .tiers .col-md-3 {
	padding-left: 5px;
	padding-right: 5px;
}
section.pricing .tiers .margins {
	border: 1px solid #666;
	padding: 10px 20px;
	min-height: 765px;
}
section.pricing  ul.options {
	min-height: 545px;
}
section.pricing  ul.options li {
	font-size: 0.9em;
	line-height: 1.3;
	margin-top: 12px;
}
section.pricing .tiers h3 {
	color: #5CD8D8;
	font-size: 1.75em;
	margin-bottom: 15px;
}
section.pricing .tiers h4 {
	font-size: 100%;
	margin: 15px 0;
}
section.pricing  ul.options li i {
	color: #5CD8D8;
}
section.pricing .btn {
	width: 100%;
	font-size: 90%;
}
section.pricing .cost {
	font-size: 1.1em;
}
section.pricing .starburst {
	background: #5CD8D8;
	width: 2.75em;
	height: 2.75em;
	text-align: center;
	color: #fff;
	line-height: 1.0;
	font-size: 1.25em;
	position: absolute;
	margin-left: 5px;
	margin-top: -10px;
}
section.pricing .starburst,
section.pricing .starburst span {
	display: flex;
	align-items: center;
	justify-content: center;
}
section.pricing .starburst span {
	width: 100%;
	height: 100%;
	background: inherit;
	transform: rotate(45deg);
}
section.pricing .starburst:before,
section.pricing .starburst:after ,
section.pricing .starburst span:before,
section.pricing .starburst span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: inherit;
	z-index: -1;
	transform: rotate(30deg);
}
section.pricing .starburst:after {
	transform: rotate(-30deg);
}
section.pricing .starburst span:after {
	transform: rotate(30deg);
}
section.pricing .starburst span:before {
	transform: rotate(-30deg);
}
section.pricing .starburst  {
	transform: rotate(-45deg);
}
article.profile {
	max-width: 1200px;
}
article.profile h4 {
	/*font-family: 'Oswald', sans-serif;*/
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 15px;
}
article.profile section {
	margin-bottom: 25px;
}
article.profile section.logo {
	width: 360px;
	margin: auto;
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: -40px;
	margin-bottom: 20px;
}
article.profile section.logo .placeholder {
	display: none;
}
article.profile section.logo .placeholder .slug {
	background: #555;
	padding: 20px;
	line-height: 200px;
	cursor: pointer;
}
article.profile section.logo .placeholder:hover {
	opacity: 0.8;
}
article.profile section.logo .placeholder .actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
article.profile section.logo .current {
	display: none;
}
article.profile section.logo .current img {
	max-width: 100%;
	max-height: 240px;
}
@media screen and (max-width: 768px) {
	article.profile section.logo {
		display: none;
	}
}
article.profile section.logo .click-to-edit {
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 100%;
	height: 40px;
	margin: auto;
	line-height: 1.0;
	margin-top: -30px;
	background: #666;
	padding: 10px;
	border-radius: 6px;
	opacity: 0.8;
	cursor: pointer;
	display: none;
}
article.profile section.logo:hover .click-to-edit {
	display: block;
}
article.profile section.logo .click-to-edit .actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 55%;
	height: 100%;
	opacity: 0;
}
article.profile section.plan {
	background-color: #090A0A;
	padding: 15px 20px;
}
article.profile section.plan .using {
	color: #666;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.6;
}
article.profile section.about .slug-wrap {
	position: relative;
}
article.profile section.about .click-to-edit {
	cursor: pointer;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 250px;
	height: 100%;
	height: 40px;
	margin: auto;
	line-height: 1.0;
	margin-top: -30px;
	background: #666;
	padding: 10px;
	border-radius: 6px;
	opacity: 0.8;
	cursor: pointer;
	font-size: 85%;
	display: none;
}
article.profile section.about .slug .photo:hover .click-to-edit {
	display: block;
}
article.profile section.about .click-to-edit .actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 55%;
	height: 100%;
	opacity: 0;
}
article.profile section.about .slug.account {
	padding: 25px;
	font-size: 0.9em;
	line-height: 1.3;
	min-height: 185px;
}
@media screen and (max-width: 768px) {
	article.profile section.about .slug.account {
		min-height: 175px;
	}
}
article.profile section.about .slug.account h4 {
	font-size: 150%;
}
article.profile section.about .slug.account .photo {
	max-height: none;
	width: 40%;
	left: 0;
}
article.profile section.about .slug.account .photo img {
	max-height: 250px;
}
article.profile section.about button.edit {
	position: absolute;
	right: 15px;
	margin-top: -50px;
}
article.profile section.child-accounts ul.children li {
	width: 240px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
article.profile section.child-accounts ul.children li .slug.account {
	height: 135px;
	overflow: hidden;
}
article.profile section.child-accounts ul.children li.add {
	height: 135px;
	line-height: 135px;
	border-radius: 3px;
	width: 240px;
	text-align: center;
	border: 3px dashed #666;
	color: #666;
	cursor: pointer;
}
article.profile section.child-accounts ul.children li.add:hover {
	opacity: 0.5;
}
article.profile section.child-accounts .using {
	position: absolute;
	margin-left: 190px;
	margin-top: 14px;
	color: #999;
	font-size: 80%;
}
article.profile section.child-accounts .delete-me {
	display: block;
	position: absolute;
	background: #666;
	color: white;
	border-radius: 15px;
	padding: 5px 7px;
	margin-left: -15px;
	margin-top: -15px;
	cursor: pointer;
	opacity: 0.65;
}
article.profile section.child-accounts .delete-me:hover {
	opacity: 1.0;
}
article.profile section.child-accounts.unlimited {
	display: none;
}
article.profile section.assets {
	background-color: #090A0A;
	padding: 15px 20px;
}
article.profile section.assets li.add {
	margin-top: 25px;
	border-radius: 3px;
	text-align: center;
	border: 3px dashed #666;
	color: #666;
	cursor: pointer;
	padding: 8px;
}
article.profile section.assets li.add:hover {
	opacity: 0.8;
}
article.profile section.assets .upload-here {
	margin: 25px 0;
	padding: 0 10%;
	opacity: 0.25;
	font-size: 90%;
}
article.profile section.assets li.asset {
	padding: 5px 7px;
	font-size: 80%;
	border-radius: 2px;
}
article.profile section.assets li.asset:nth-child(odd) {
	background: #333;
}
article.profile section.assets li.asset i.icon {
	margin-right: 7px;
}
article.profile section.assets li.asset .options i {
 	margin-left: 7px;
 	cursor: pointer;
 	padding: 2px;
 	font-size: 90%;
}
article.profile section.assets li.asset .options i:hover {
 	opacity: 0.6;
}
article.profile section.assets .upload-area {
	position: relative;
	width: 100px;
	float: right;
	overflow: hidden;
}
article.profile section.assets .upload-area .btn {
	width: 100%;
}
article.profile section.assets label.actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: red;
}
article.profile section.assets label.actual-input input {
	cursor: pointer;
}
article.profile .final-videos h4 small {
	/*font-family: abel;*/
	font-size: 1.4rem !important;
	margin-left: 15px;
}
article.profile .final-videos div.video {
	margin-bottom: 10px;
}
article.profile .final-videos li.comments,
article.profile .final-videos li.thumbs-down,
article.profile .final-videos li.thumbs-up {
	display: none;
}
article.profile .final-videos .type-name {
	opacity: 0;
}
button.custom-uploader {
	margin-left: 20px;
}
section.upgrade {
	max-width: 600px;
	margin: auto;
}
section.upgrade h3 {
	font-size: 150%;
	border-bottom: 1px solid #555;
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 7px;
}
section.upgrade .agreement {
	margin: 25px 0;
	font-size: 85%;
	color: #aaa;
}
section.upgrade .submit {
	margin: 20px 0;
}
section.upgrade .cards {
	background: white;
	display: inline-block;
	border-radius: 2px;
	padding: 0 5px;
	margin: 20px 0;
}
section.upgrade .cards img {
	max-height: 40px;
}
section.upgrade .StripeElement {
  	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	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,-webkit-box-shadow ease-in-out .15s;
	-o-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;
}
section.upgrade .StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}
section.upgrade .StripeElement--invalid {
  border-color: #fa755a;
}
section.upgrade .StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
section.upgrade #card-errors {
	color: red;
}
section.upgrade .payment-information .card-details {
	margin-left: 30px;
	color: #999;
	font-size: 85%;
}
section.upgrade .payment-information li.new-card {
	display: none;
}
section.upgrade .current-promocode .remove-promo {
	cursor: pointer;
	margin-left: 7px;
	font-size: 0.75em;
	color:#5CD8D8;
}
section.upgrade .current-promocode {
	display: none;
}
section.upgrade .current-promocode .title {
	opacity: 0.8;
	font-style: italic;
}
section.cancel {
	max-width: 700px;
	margin: auto;
}
section.accounts.index .filters .role {
	margin-right: 10px;
}
section.accounts.index .grid .account {
	
}
section.accounts.index .grid .account .details {
	margin: 5px 0 20px 0;
}
section.accounts .delete {
	position: absolute;
	margin-top: -137px;
	margin-left: -6px;
	font-size: 0.8em;
	color: white;
	border-radius: 20px;
	padding: 5px 7px;
	background: red;
	opacity: 0.5;
	cursor: pointer;
}
section.accounts .delete:hover {
	opacity: 0.75;
}
section.accounts .role {
	margin-top: -40px;
	margin-bottom: 40px;
	margin-left: 10px;
}
section.accounts .role select {
	background: black;
	border: 1px solid #999;
	border-radius: 2px;
	font-size: 80%;
}
section.accounts .options {
	margin: 25px 20px 0 0;
}
section.accounts.verify-role {
	width: 600px;
	margin: auto;
}
section.app-design {
	width: 1200px;
}
section.app-design .screens {
	margin-left: 155px;
}
section.app-design .screen {
	width: 275px;
	margin: 20px 10px;
}
section.app-design img {
	max-width: 100%;
}
section.app-design .viewport {
	width: 100%;
	height: 550px;
	background: #090A0A;
	border-radius: 10px;
	position: relative;
	border: 5px solid black;
}
section.app-design .viewport .top-bar {
	height: 10%;
}
section.app-design .viewport .main-area {
	height: 80%;
}
section.app-design .viewport .bottom-bar {
	height: 10%;
}
section.app-design .screen .main-area {
	background-size: cover;
	background-position: center center;
	padding: 10px;
}
section.app-design img.appIcon {
	max-width: 200px;
	max-height: 200px;
}
section.app-design .setting {

}
section.app-design .setting:hover {
	
}
section.app-design .top-bar .title {
	font-size: 1.25em;
	text-align: left;
	padding: 10px 0 0 15px;
}
section.app-design .inviteText {
	padding: 10px 10% 20px 10%;
	line-height: 1.2;
	font-size: 0.9em;
}
section.app-design .welcomeText {
	padding: 20px 20%;
	line-height: 1.2;
	font-size: 1.1em;
}
section.app-design .logo img {
	max-width: 40%;
}
section.app-design .upload .copy {
	padding: 10px 10% 20px 10%;
	line-height: 1.2;
	font-size: 0.9em;
}
section.app-design .upload textarea {
	background: none;
	border: 1px solid white;
	border-radius: 5px;
	margin: 20px 0;
}
section.app-design .editable {
	position: relative;
}
section.app-design .editable-slug {
	font-size: 11px;
	opacity: 0.5;
	padding: 2px 4px;
}
section.app-design .editable-slug:hover {
	opacity: 1;
}
section.app-design .photo .editable-slug,
section.app-design .app-icon .editable-slug {
	position: absolute;
	margin-left: -45px;
	margin-top: 2px;
}
section.app-design .editable-slug.background {
	font-size: 13px;
	margin-top: -30px;
}
section.app-design input[type=file] {
	display: none;
}
.colorpicker-input {
	margin-left: 208px
}
section.video-boards .stripe-panel {
	background: #555;
	width: 100%;
	left: 0;
	height: 220px;
	position: absolute;
	z-index: -1;
}
section.video-boards .kicker {
	color: white;
	opacity: 0.6;
	font-size: 95%;
	margin-bottom: 20px;
}
section.video-boards .options {
	padding: 20px 0;
	margin-bottom: 20px;
}
section.video-boards .options li {
	background: #666;
	border-radius: 10px;
	width: 130px;
	padding: 15px 0 8px 0;
	line-height: 1.0;
	cursor: pointer;
	margin: 0 20px;
}
section.video-boards .options li.active {
	background: #5CD8D8;
}
section.video-boards .options li:hover {
	opacity: 0.8;
}
section.video-boards .options i {
	font-size: 3.0em;
	line-height: 1.5;
}
section.video-boards .video-option {
	background: #555;
	display: inline-block;
	padding: 12px 5px;
	border-radius: 5px;
	font-size: 1.3em;
}
section.video-boards .video-option i {
	color: #5CD8D8;
}
section.video-boards .video-option li {
	margin: 0 10px;
	cursor: pointer;
}
section.video-boards .video-option li:hover {
	opacity: 0.8;
}
section.video-boards .video-list {
	margin: 15px 0;
	display: none;
}
section.video-boards .video-list li {
	width: 19%;
	margin-bottom: 20px;
}
section.video-boards .video-list .type-name,
section.video-boards .video-list i.option {
	display: none;
}
section.video-boards .video-list li {
	position: relative;
}
section.video-boards .video-list .select-checkbox {
	color: #5CD8D8;
	font-size: 1.5em;
	position: absolute;
	z-index: 999;
	top: -10px;
	left: -3px;
	cursor: pointer;
}
section.video-boards .video-list .select-checkbox:hover {
	opacity: 0.8;
}
section.video-boards .size-options {
	margin: 15px 0;
}
section.video-boards .size-options .list-inline {
	font-size: 1.5em;
}
section.video-boards .size-options .list-inline li {
	margin: 0 10px;
}
section.video-boards .widget-output {
	width: 900px;
	margin: auto;
}
section.video-boards .widget-output textarea {
	font-family: monospace;
	font-size: 0.8em;
	height: 120px;
}
section.video-boards .widget-preview {
	padding: 20px 10px;
	border-radius: 5px;
	background: white;
}
section.new-project .new-project-name {
	width: 200px;
	display: inline;
}
.autosave-status {
	/*font-family: abel;*/
	font-size: 0.3em;
	margin-left: 15px;
	color: #999;
}
.tool-tip {
	/*font-family: abel;*/
	display: inline;
	margin-left: 5px;
	font-size: 1.35rem;
	position: relative;
}
.tool-tip i.toggler {
	opacity: 0.35;
}
.tool-tip .context {
	display: none;
	z-index: 9999;
	position: absolute;
	width: 300px;
	top: -30px;
	left: -30px;
	padding: 12px;
	background: #090A0A;
	line-height: 1.35;
	border: 1px solid #444;
	text-transform: none;
}
section.mobile-crew .tool-tip .context,
section.mobile-crew-directions .tool-tip .context,
section.hashtag .tool-tip .context {
	margin-left: -100px;
}

section.channels.index ul.channels > li {
	margin-bottom: 30px;
	font-size: 90%;
	cursor: pointer;
}
@media screen and (min-width: 768px) { 
	section.channels.index ul.channels > li {
		height: 235px;
		overflow: hidden;
	}
}
section.channels.index ul.channels > li:hover {
	opacity: 0.75;
}
section.channels.index ul.channels > li h3 {
	font-size: 1.5em;
	line-height: 1.0;
	margin-bottom: 10px;
}
section.channels.index ul.channels > li .description {
	color: #ccc;
}

@media screen and (min-width: 768px) {
	section.channels.index ul.channels > li {
		float: left;
		width: 23%;
		margin-right: 10px;
	}
}
@media screen and (min-width: 1220px) {
	section.channels.index ul.channels > li {
		margin-right: 20px;
	}
}
.slug.channel .photo-area {
	margin-bottom: 10px;
	background-color: black;
	border-left: 1px solid #999;
    border-top: 1px solid #999;
    height: 150px;
}
.slug.channel .photo-area .photo {
	background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top center;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.slug.channel .photo-area .photo.non-horizontal {
	background-size: 100%;
}
.slug.channel .photo-area .photo-1 {
	float: left;
	width: 70%;
	height: 150px;
}
.slug.channel .photo-area .photo-2 {
	float: left;
	width: 30%;
	height: 50px;
}
.slug.channel .photo-area .photo-3 {
	float: left;
	width: 30%;
	height: 50px;
}
.slug.channel .photo-area .photo-4 {
	float: left;
	width: 30%;
	height: 50px;
}
.slug.channel.single-photo .photo-area .photo-1 {
	float: none;
	width: 100%;
}
.slug.channel.single-photo .photo-area .photo-2,
.slug.channel.single-photo .photo-area .photo-3,
.slug.channel.single-photo .photo-area .photo-4 {
	display: none;
}





section.channels.index .meta {
	font-size: 0.8em;
}
section.channels.form .password-area {
	display: none;
}
section.channels.form .password-area input {
	width: 150px;
	display: inline-block;
}
section.channels.form .no-videos {
	display: none;
}
section.channels.form .video-list .slug.video {
	width: 23%;
	float: left;
	margin: 0 15px 15px 0;
	font-size: 80%;
	height: 220px;
	cursor: pointer;
}
section.channels.form .video-list .slug.video .media-container,
section.channels.form .slug.video .media-container video {
	height: 100px;
}
section.channels.form p.instructions {
	font-size: 0.8em;
	color: #999;
	text-transform: uppercase;
	line-height: 1.0;
	margin-top: -25px;
}

section.channels.form section.logo .upload-area {
	position: relative;
	width: 100px;
	overflow: hidden;
}
section.channels.form section.logo .upload-area .btn {
	width: 100%;
}
section.channels.form section.logo label.actual-input {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: red;
}
section.channels.form section.logo label.actual-input input {
	cursor: pointer;
}

section.channels.form .current-logo {
	max-width: 175px;
	max-height: 175px;
	overflow: hidden;
	display:none;
}
section.channels.form .current-logo img {
	max-width: 100%;
	max-height: 125px;
	display: block;
	margin-bottom: 10px;
}
section.channels.form .current-logo .remove {
	font-size: 0.8em;
	color: #999;
	text-transform: uppercase;
	line-height: 1.0;
	margin-bottom: 10px;
	cursor: pointer;
	display: inline-block;
}
section.channels.form .current-logo .remove:hover {
	opacity: 0.8;
}

section.channel-password .logo img {
	max-width: 500px;
	max-height: 200px;
	margin-bottom: 20px;
}
section.channel-password .form-control {
	display: inline-block;
	width: 200px;
	margin-right: 10px;
}
section.channel-view {
	max-width: 1200px;
	margin: auto;
}
section.channel-view .logo img {
	max-width: 500px;
	max-height: 125px;
}
section.channel-view .title {
	margin-top: 15px;
}
section.channel-view .video-count {
	font-size: 0.9em;
	color: #999;
}
section.channel-view .video-count {
	font-size: 0.9em;
	color: #999;
}
section.channel-view .video-content ul li {
	padding-bottom: 15px;
}
section.channel-view .video-content .option {
	/*display: none;*/
}
section.channel-view .video-content .option.fa-envelope,
section.channel-view .video-content .option.menu,
section.channel-view .video-content .option.fa-comment,
section.channel-view .video-content .option.fa-thumbs-up,
section.channel-view .video-content .option.fa-thumbs-down {
	display: inline-block;
}
section.channel-view .vote-count {
	margin: 10px 0;
}

/* Public upload page */
.public-upload {
	width: 350px;
	margin: auto;
}
.public-upload h1 {
	margin-bottom: 35px;
}
.public-upload h2 {
	font-size: 1.75em;
}
.public-upload .logo.default img {
	max-width: 130px;
	margin-bottom: 20px;
}
.public-upload .logo.custom img {
	max-width: 100%;
	max-height: 300px;
	margin-bottom: 20px;
}
.public-upload p {
	margin: 20px 0;
}
.hashtag-form .hashtag-input {
	padding-left: 24px;
}
.public-upload .custom-message {
	font-size: 1.4em;
	line-height: 1.3;
	margin-bottom: 30px;
}
.public-upload .placeholder {
	font-family: /*abel*/;
	font-size: 1.25em;
	line-height: 1.2;
	position: absolute;
	color: #999;
	margin-top: -56px;
	margin-left: 10px;
}
.public-upload .fa-check-circle {
	color: #009933;
}
.annual-upsell .subscribe-options label {
	margin: 7px 0;
	padding: 12px 25px;
	cursor: pointer;
	background: #8a8a8a;
	display: block;
	font-size: 115%;
}
.annual-upsell .subscribe-options label:hover {
	opacity: 0.8;
}
.annual-upsell .subscribe-options label input {
	margin-right: 10px;
}
.public-upload .ready-to-upload {
	display: none;
	margin-top: 30px;
	margin-bottom: 75px;
}
.public-upload .upload-button button,
.public-upload .upload-button .actual-input {
	min-width: 140px;
	height: 44px;
}
.public-upload .upload-button .actual-input {
	background: yellow;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	margin-left: -140px;
	opacity: 0;
}
.public-upload .staged-uploads li {
	background: #606060;
	padding: 10px 12px;
	border-radius: 5px;
	margin-top: 5px;
	font-size: 1.25em;
	position: relative;
}
.public-upload .staged-uploads li .remove-me {
	cursor: pointer;
	margin-top: 4px;
}
.public-upload .staged-uploads li .upload-progress {
	position: absolute;
	top: 9px;
	left: 8px;
	height: 30px;
	width: 95%;
	display: none;
}
.public-upload .staged-uploads li .current-progress {
	background: #5CD8D8;
	width: 0;
	height: 30px;
	width: 0;
}
.public-upload .staged-uploads li .percentage {
	position: absolute;
	width: 100%;
}
.public-upload button.upload .uploading-videos {
	display: none;
}
@media screen and (max-width: 768px) {
	.public-upload h1.length-5orless {
		font-size: 48px;
	}
	.public-upload h1.length-10orless {
		font-size: 28px;
	}
	.public-upload h1.length-15orless {
		font-size: 20px;
	}
	.public-upload h1.length-20orless {
		font-size: 16px;
	}
	.public-upload h1.length-over20 {
		font-size: 13px;
	}
}

/* Final video grid */

.final-videos .filter-area {
	position: absolute; 
	right: 20px;
	margin-top: -45px;
	font-size: 85%;
	color: #ddd;
}
.final-videos .filter-area .search-label {
	margin-right: 10px;
}
.final-videos .filter-area .inputs span {
	margin-left: 3px;
}
.final-videos .filter-area input[type=text] {
	font-size: 14px;
	color: #666;
	padding: 2.5px 6px;
	border-radius: 2px;
	border: 0;
}
.final-videos .result-table .tile {
	margin-bottom: 20px;
}

/* Scheduled invites */
.bootstrap-datetimepicker-widget table th {
	color: #000 !important;
}
.bootstrap-datetimepicker-widget table td {
	color: #333 !important;
}
form.invite-scheduler .options.recurring {
	display: none;
}
form.invite-scheduler .options input {
	color: black;
}
.invite-schedule .filter-area {
	position: absolute; 
	right: 20px;
	margin-top: -45px;
	font-size: 85%;
	color: #ddd;
}
.invite-schedule .filter-area .search-label {
	margin-right: 10px;
}
.invite-schedule .filter-area .inputs span {
	margin-left: 3px;
}
.invite-schedule .filter-area input[type=text] {
	font-size: 14px;
	color: #666;
	padding: 2.5px 6px;
	border-radius: 2px;
	border: 0;
}
.invite-schedule .status {
	font-family: monospace;
	font-size: 1.25em;
}
.invite-schedule .status.pending-status {
	color: orange;
}
.invite-schedule .status.sent-status {
	color: green;
}
.invite-schedule .status.cancelled-status {
	color: red;
}

/* Video edit */
.video-edit-dialog .new-photo {
	display: none;
}

/* Poster selection */
.poster-dialog .modal-dialog {
	width: 800px;
}
.poster-dialog .modal-dialog video {
	width: 100%;
	height: 300px;
}
.poster-dialog section {
	margin-bottom: 10px;
}
.poster-dialog section.player {
	position: relative;
}
.poster-dialog section.generate {
	position: absolute;
	top: 5px;
	right: 10px;
}
.poster-dialog section.generate .generate-button {
	opacity: 0.8;
}
.poster-dialog section.generate .generate-button:hover {
	opacity: 1.0;
}
.poster-dialog .poster-preview {
	display: none;
}
.poster-dialog .poster-preview img {
	max-width: 100%;
	max-height: 300px;
	margin: 20px 0;
	display: inline-block;
}
.file-icon i {
	color: #666;
	font-size: 75px;
}
.file-icon .extension {
	color: #ddd;
	width: 100%;
	margin-top: -30px;
	margin-bottom: 10px;
}

/* Brand library */
.brand-library ul.library > li:nth-child(even) {
	background-color: #444;
}
li.brand-library-tile {
	padding: 15px;
	font-size: 80%;
	list-style-type: none;
	position: relative;
}
li.brand-library-tile .drag-handle {
	cursor: move;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 200;
	font-size: 16px;
	background: #444;
	border-radius: 2px;
	padding: 4px;
}
li.brand-library-tile .photo-container {
	max-height: 90px;
	overflow: hidden;
}
li.brand-library-tile .photo-container img {
	max-width: 100%;
	max-height: 90px;
}
li.brand-library-tile h5,
li.brand-library-tile p {
	line-height: 1.0;
	margin-bottom: 8px;
}
li.brand-library-tile small {
	font-size: 85%;
}
li.brand-library-tile h5 {
	font-size: 120%;
}
.brand-library ul.library .row {
	height: 90px;
	overflow: hidden;
}
.brand-library ul.library .buttons {
	margin-top: 27px;
}
.brand-library.projects-grid .filter-area {
	margin-top: 10px;
	margin-right: 200px;
}
.brand-library .upload-area-file-input {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.brand-library.form .photo-container img {
	max-width: 100%;
}
.brand-library .sticky-header {
	border-bottom: 1px solid #444;
}
@media screen and (min-width: 768px) {
	.brand-library .sticky-header {
		background: #303030;
		z-index: 99999;
		width: 100%;
	}
	body.sticky .brand-library .sticky-header {
		padding: 20px 0;
	}
	body.sticky .brand-library .sticky-header {
		position: fixed;
		top: 40px;
	}
	body.sticky section.brand-library ul.library {
		padding-top: 150px;
	}
}

.uploaders.form .subdomain {
	width: 200px;
	display: inline-block;
}
.jscolor-input,
.font-select {
	color: black;
}
.uploaders .upload-btn input[type=file] {
	height: 35px;
	width: 90px;
	opacity: 0;
	margin-top: -35px;
	cursor: pointer;
}
.uploaders .upload-btn .visible-button {
	height: 35px;
	width: 90px;
}
.uploaders .upload-btn .current-file {
	display: none;
	margin-bottom: 7px;
}
.uploaders.form .form-group {
	margin-bottom: 20px;
}
.uploaders.form h5 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #444;
}
.uploaders.form .preview-area .scaled {
	margin-left: 50px;
	margin-top: 40px;
	-ms-zoom: 0.70;
	-moz-transform: scale(0.70);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.70);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.70);
	-webkit-transform-origin: 0 0;
}
.uploaders.form .preview-area iframe {
	width: 375px;
	height: 800px;
	border: 0;

}
.uploaders.form .preview-area .screen {
	margin-left: -405px;
	margin-top: -785px;
}
body.sticky .uploaders.form .preview-area {
	position: fixed;
	top: 180px;
}
body.sticky .uploaders.form .top-area {
	position: fixed;
	top: 40px;
	height: 125px;
	background-color: #303030;
	width: 100%;
	z-index: 9999;
}
body.sticky .uploaders.form .options {
	position: fixed;
	top: 55px;
	right: 15px;
}
.uploaders.form .preview-column {
	width: 500px;
	position: absolute;
	right: 15px;
	top: 175px;
}
.create-modal .subdomain {
	width: 200px;
	display: inline-block;
}
.uploaders.form .preview-btn {
	text-transform: none;
}
.uploaders.form .custom-terms {
	display: none;
}
.uploaders.form .inline-help {
	color: #999;
	font-size: 75%;
	margin: 10px 5px;
}
.uploaders.form .additional-info .other-option {
	margin-top: 5px;
}
.uploaders.form .additional-info .val-group {
	margin-bottom: 5px;
}
.tooltip-video-button {
	cursor: pointer;
	padding: 7px;
	font-size: 12px;
	opacity: 0.35;
}
@media screen and (max-width: 768px) {
	.tooltip-video-button {
		display: none;
	}
}
.tooltip-video-button:hover {
	color: #5CD8D8;
	opacity: 1;
}
ul.appsumo-details {
	font-size: 90%;
}
.disable-download .slug.video li.menu {
	display: none;
}

/* Folders */

.folder-nav .breadcrumb {
	background: none;
	margin: 0;
	padding: 0;
}
.folder-nav .hover {
	opacity: 0.5;
}
.subfolder-tile {
	margin-bottom: 10px;
}
.subfolder-tile h6 {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: 700;
	line-height: 1.0;
	font-size: 16px;		
}
.folder-list .subfolder-tile:hover {
	opacity: 0.7;
	cursor: pointer;
}
.folder-list .folder-icon i {
	font-size: 35px;
	color: #5CD8D8;
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
}
.folder-list .delete-icon {
	position: absolute;
	font-size: 20px;
	margin-left: -8px;
	margin-top: 2px;
	opacity: 0;
	cursor: pointer;
	padding: 2px;
}
.folder-list .subfolder-tile:hover .delete-icon {
	opacity: 1.0;
	z-index: 9999;
}
.new-folder-form .error-message {
	display: none;
}
.short-slug img {
	width: 25px;
}
.short-slug .photo {
	margin-right: 5px;
}
.short-slug h6 {
	margin: 0;
}
.brand-library .short-slug h6 {
	font-size: 12px;
	line-height: 1.0;
	opacity: 0.8;
}
.brand-library .short-slug img {
	width: 15px;
}
.tag-dialog-modal section.results {
	padding-top: 20px;
	min-height: 70px;
}
.tag-dialog-modal  .wait {
	opacity: 0.3;
}
section.tag-index ul.list-inline li {
	padding-bottom: 15px;
}
.breadcrumb {
  background-color: #666;
}
.breadcrumb > .active {
	color: white;
}
.tag-view .project-list > li {
	padding: 10px;
	background: #444;
	border-radius: 7px;
	margin: 0 10px 10px 0;
}
.accounts.edit .options {
	position: fixed;
	right: 25px;
}
.accounts.edit .current-parent {
	display: none;
}
.accounts.edit .current-acctmgr {
	display: none;
}
article.home .widget {
	margin-bottom: 0px;
}
article.home .carousel-margins {
	padding-left: 50px;
}
article.home .carousel {
	width: 100%;
}
article.home .carousel-control.left, 
article.home .carousel-control.right {
	background-image: none !important;
}
article.home .carousel-control i {
	font-size: 3.0em;
	line-height: 1.0;
}
article.home .carousel-control.left {
	width: auto;
	margin-left: -50px;
	margin-top: 60px;
}
article.home .carousel-control.right {
	width: auto;
	margin-right: -50px;
	margin-top: 60px;
}
article.home section.about .slug-wrap {
	margin-bottom: 10px;
}
article.home section.about .package {
	font-size: 1.25em;
	line-height: 1.9;
}
article.home section.about .progress {
	margin-bottom: 0;
	border-radius: 10px;
	height: 15px;
	padding: 2px;
	max-width: 150px;
}
article.home section.about .progress-bar {
	background-color: #5CD8D8;
	border-radius: 10px;
}
article.home section.about .counts {
	background: black;
	padding: 4px;
}
article.home section.lifetime .results {
	font-size: 1.25em;
	line-height: 1.9;
}
article.home section.lifetime .val {
	background: black;
	padding: 0px;
	margin-right: 6px;
	min-width: 50px;
	display: inline-block;
	text-align: center;
}
article.home section.lifetime .results > li {
	margin-bottom: 6px;
}
article.home section.finals .slug.video {
	height: 200px;
}
article.home section.finals .slug.video .media-container {
	height: 115px;
}
article.home section.finals .slug.video .static-preview .playbtn {
	margin-top: 32px;
}
article.home section.members .results .slug,
article.home section.team .results .slug {
	margin-bottom: 10px;
}
article.home section.members .results,
article.home section.team .results {
	font-size: 1.25em;
	line-height: 1.9;
}
article.home section.members .carousel-control i,
article.home section.team .carousel-control i {
	font-size: 2.5em;
}
article.home section.members .carousel-control.left,
article.home section.team .carousel-control.left {
	width: auto;
	margin-left: -35px;
	margin-top: 100px;
}
article.home section.members .carousel-control.right,
article.home section.team .carousel-control.right {
	width: auto;
	margin-right: -35px;
	margin-top: 100px;
}
section.tag-search-rail {
	padding: 10px;
}
section.tag-search-rail .query-area .tag-query {
	margin: auto;
	border: none;
	border-radius: 15px;
}
section.tag-search-rail .query-area i {
	position: absolute;
	color: #666;
	right: 17px;
	margin-top: 8px;
}
section.tag-search-rail .results-area {
	position: absolute;
	z-index: 9998;
	background: yellow;
	padding: 5px 10px;
	background: #666;
	margin-top: 5px;
	display: none;
	width: 350px;
}
section.tag-search-rail .results-area i {
	position: absolute;
	z-index: 9999;
	top: -5px;
	right: -5px;
	font-size: 1.2em;
	color: #999;
	cursor: pointer;
}
section.tag-search-rail .results-area i:hover {
	color: white;
}
section.tag-search-rail .results-area .list-inline {
	margin: 0;
	padding: 0;
}
section.tag-search-rail .results-area .list-inline li {
	margin: 5px 0;
}
section.tag-search-rail .results-area .list-inline li .btn-sm {
	font-size: 0.7em;
}

.slug.video .tag-section {
	position: absolute;
	bottom: 5px;
	z-index: 9999;
}
.slug.video .tag-section li {
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0;
}
.slug.video .tag-section li .btn-xs,
.slug.video .tag-section li .btn-group-xs > .btn {
	font-size: 90%;
}
.tag-view .video-list .slug .tag-section {
	display: none;
}
.tag-view .video-list .slug {
	width: 300px;
}
.home.profile .slug .tag-section {
	display: none;
}

.ai-enhance-dialog .options li {
	border: 1px solid #666;
	border-radius: 7px;
	margin-bottom: 5px;
	padding: 10px 15px 5px 10px;
	cursor: pointer;
}
.ai-enhance-dialog .options li:hover {
	border-color: #01dedc;
}
.ai-enhance-dialog .options .checkbox-area {
	margin-right: 10px;
}

/* Font manager */
.fontmanager-main .context {
	display: none;
}
.standard-type .fontmanager-main .context.standard {
	display: block;
}
.custom-type .fontmanager-main .context.custom {
	display: block;
}
.fontmanager-main .hidden-input {
	display: none;
}