html {
	min-height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	background: #eee;
	transition: 0.26s all;
}

footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px;
	background-color: #fafafa;
	color: #606060;
	text-align: center;
}

footer a {
	padding-right: 30px;
}

button, h3, h1, h2, p, h4, div, input {
	font-family: 'Open Sans';
}

button {
	color: white;
}

iframe[name=google_conversion_frame] {
	position: absolute;
}

body[loggedin=false] #invites-container {
	display: none;
}

.tooltip {
	z-index: 5001
}

#login-separator {
	text-align: center;
	font-size: 0.7em;
	padding: 15px;
}

#forgot-password-link {
	float: right;
	font-size: 0.8em;
	padding-top: 0.1em;
	position: absolute;
	right: 30px;
	bottom: 29px;
}

#premium-bot {
	text-align: center
}

#audio-player {
	position: absolute;
	top: 60px;
	bottom: 0;
	right: 0;
	left: 0;
	max-width: initial;
}

#audio-player .mejs-container {
	width: 100% !important;
}

#audio-player ul.mejs {
	max-height: 2000px !important;
}

#audio-player .mejs-shuffle-button button:before {
    font-size: 15px;
    position: relative;
}

#get-a-modal label {
	padding: 15px;
	border-bottom: 3px dashed #dedede;
}

#get-a-modal label:hover {
	background: #f6f6f6;
	transition: 0.3s all;
}

#get-a-modal span {
	line-height: 51px;
	margin-left: 15px;
	font-weight: 200;
	color: #2E404C;
	font-size: 16px;
}

#get-a-modal button {
	float: right;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 900;
	height: 50px;
	line-height: 14px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.298039) 1px 2px 0px;
	touch-action: manipulation;
	background-color: rgb(103, 193, 105);
	background-image: none;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(255, 255, 255);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(255, 255, 255);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(255, 255, 255);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-top-style: none;
	border-top-width: 0px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px -5px 0px 0px inset;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	cursor: pointer;
}

#get-a-modal img {
	margin-left: 15px;
}

#a-plan-select-title:after {
	border-bottom-color: rgba(0, 0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 15px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgba(0, 0, 0, 0);
	border-left-style: solid;
	border-left-width: 15px;
	border-right-color: rgba(0, 0, 0, 0);
	border-right-style: solid;
	border-right-width: 15px;
	border-top-style: solid;
	border-top-width: 15px;
	bottom: -30px;
	box-sizing: border-box;
	display: block;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	width: 30px;
	content: '';
	border-top-color: #f7f7f7;
}

@media (max-width: 830px) {
	#get-a-modal button {
		display: none;
	}
}

ul.mejs {
	max-height: none !important;
}

.progression-skin .mejs-controls .mejs-playpause-button, .progression-skin .mejs-controls .mejs-prevtrack-button {
	border-left: none !important;
}

.progression-skin .mejs-playlist ul {
	max-height: none !important;
}

div.mejs-controls {
	border-bottom: 2px solid #bb5050 !important;
}

div.mejs-controls:hover {
	border-bottom: 2px solid #dd4040 !important;
}

.get-more-link {
	visibility: hidden;
}

.reveal-modal-bg {
	background: rgba(0, 0, 0, 0.65) !important;
}

body[loggedin="true"] #welcome-top {
	display: none;
}

.seedr-doc-div {
	padding: 50px;
	font-weight: 300;
	text-align: center;
	background: white;
	border: 1px solid #fafafa;
	box-shadow: 0 0 2px #dedede;
}

.seedr-doc-div p {
	text-align: justify;
	font-size: 10pt;
}

/* Loaders */
.sk-cube-grid {
	width: 120px;
	height: 120px;
	margin: 40px auto;
	opacity: 0.7;
}

.sk-cube {
	background-color: #39AECA !important;
}

/* Bonuses Page */
.bonus-title:after {
	border-bottom-color: rgba(0, 0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 20px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgba(0, 0, 0, 0);
	border-left-style: solid;
	border-left-width: 20px;
	border-right-color: rgba(0, 0, 0, 0);
	border-right-style: solid;
	border-right-width: 20px;
	border-top-color: rgb(217, 248, 255);
	border-top-style: solid;
	border-top-width: 20px;
	bottom: -40px;
	box-sizing: border-box;
	display: block;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	width: 40px;
	content: '';
}

.bonus-header {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgb(68, 97, 157);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	box-sizing: border-box;
	color: rgb(255, 255, 255);
	display: block;
	font-family: Roboto, sans-serif;
	font-size: 19px;
	font-weight: 300;
	height: 115px;
	line-height: 27.142858505249px;
	padding-bottom: 0px;
	padding-left: 80px;
	padding-right: 25px;
	padding-top: 0px;
	position: relative;
	text-align: left;
}

.bonus-header:after {
	border-bottom-color: rgba(0, 0, 0, 0);
	border-bottom-style: solid;
	border-bottom-width: 15px;
	border-image-outset: 0px;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgba(0, 0, 0, 0);
	border-left-style: solid;
	border-left-width: 15px;
	border-right-color: rgba(0, 0, 0, 0);
	border-right-style: solid;
	border-right-width: 15px;
	border-top-style: solid;
	border-top-width: 15px;
	bottom: -30px;
	box-sizing: border-box;
	display: block;
	height: 30px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	width: 30px;
	content: '';
}

.bonus-header.twitter {
	background-color: #32b3e3
}

.bonus-header.youtube {
	background-color: #dc0000
}

.bonus-header.googleplus {
	background-color: #83c317
}

.bonus-header.blog {
	background-color: #535353
}

.bonus-header.facebook {
	background-color: #44619d
}

.bonus-header.email {
	background-color: #474747
}

.bonus-header.pinterest {
	background-color: #ca2a2a;
}

.bonus-header.twitter:after {
	border-top-color: #32b3e3;
}

.bonus-header.youtube:after {
	border-top-color: #dc0000;
}

.bonus-header.googleplus:after {
	border-top-color: #83c317;
}

.bonus-header.blog:after {
	border-top-color: #535353;
}

.bonus-header.facebook:after {
	border-top-color: #44619d
}

.bonus-header.email:after {
	border-top-color: #474747
}

.bonus-header.pinterest:after {
	border-top-color: #ca2a2a;
}

/***********/

.hidden {
	display: none;
}

.maroon {
	color: maroon;
}

.link-results-content .tooltip > .nub {
	margin-left: 80px;
}

#link-dropper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: white;
	z-index: 100;
	width: 100%;
	opacity: 0.6;
	text-align: center;
	padding: 100px;
	border: 3px solid #bebebe;
}

#explainer-modal {
	background: black;
	border-radius: 4px;
}

#explainer-thumb {
	border-radius: 7px;
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	height: 169px;
	margin-top: 40px;
	opacity: 0.37;
	transition: opacity 1s;
	cursor: pointer;
	border: 1px solid rgb(221, 104, 104);
	overflow: hidden;
}

#explainer-thumb:active {
	border-color: #7C9FD3;
}

#explainer-thumb:hover, #explainer-thumb:active {
	opacity: 1;
	transition: opacity 1s;
}

#explainer-thumb img {
	width: 100%;
	height: auto;
}

#alerts {
	position: fixed;
	top: 125px;
	left: 0;
	padding: 0;
	text-align: center;

	position: fixed;
	top: 15px;
	width: 100%;
	left: 0;
	text-align: center;

	pointer-events: none;
}

#alerts > div {
	overflow-wrap: break-word;
	display: inline-block;
	background-color: #e8f7ed;
	border: 1px solid #30b661;
	color: #1BA84E;
	width: auto;
	font-size: 13px;

	padding: 11px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: #1BA84E;
	pointer-events: all;
}

.overcast {
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.full-width-item {
	width: 100%;
	max-width: 100%;
	background-position: top;
}

.joyride-tip-guide p {
	line-height: 22px;
}

/*
.joyride-tip-guide[data-index="3"] {
margin-top:-50px;
}

.joyride-tip-guide[data-index="4"] {
margin-top:-50px;
}*/

	.context-container {
		padding: 0;
	}

	.context-table {
		/* border: 1px solid rgb(224, 156, 156); */
		background: 0;
		margin: 0;
		width: 180px;
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.15);
		/* padding: 20px; */
	}

	.context-menu-item {
		border: 1px solid transparent;
	}

	.context-menu-theme-gloss .context-menu-item-hover {
		background: none;
		background: #dedede;
		border: none;
		border-radius: 0;
		color: black;
	}

	#notifications-menu {
		position: absolute;
		top: 105px;
		left: 20px;
		width: 300px;
		max-width: 90%;
	}

	.modal-header {
		border-bottom: 1px solid #dedede;
		font-family: 'Open Sans';
		font-weight: bold;
		padding: 15px;
		line-height: 25px;
	}

	.modal-body {
		font-family: 'Open Sans';
		font-size: 14px;
		padding: 15px 15px 0 15px;
	}

	.modal-body a {
		text-decoration: underline;
	}

	.modal-footer {
		border-top: 1px solid #dedede;
		font-family: 'Open Sans';
		text-align: right;
		padding: 15px;
	}

	.alert-box {
		font-family: 'Open sans';
		font-size: 0.9em;
		line-height: 18px;
	}

	.alert-box a:not(a[class=close]) {
		color: white;
		text-decoration: underline;
		font-weight: bold;
	}

	#content {
		margin-left: auto;
		margin-right: auto;
		width: 1000px;
		margin-top: 15px;
	}

	#content-list {
		margin-left: 0;
		min-height: 400px;
	}

	#content-list li {
		list-style-type: none;

		font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;
		font-size: 11pt;
	}

	.noselect {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.content-item {
		min-height: 50px;
		position: relative;
		/*border:1px solid transparent;
		 */
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	max-width: 76rem;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-tap-highlight-color: transparent;
	cursor: default;
	background: white;
	border-bottom: 1px dashed #FBFBFB;

}

.drop-load {
	-moz-animation-name: dropLoad;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.15s;

	-webkit-animation-name: dropLoad;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.15s;

	animation-name: dropLoad;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.15s;
}

.zoom-load {
	-moz-animation-name: zoomLoad;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-duration: 0.5s;

	-webkit-animation-name: zoomLoad;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-duration: 0.5s;

	animation-name: zoomLoad;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 0.5s;
}

.fade-load {
	-moz-animation-name: fadeLoad;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.13s;

	-webkit-animation-name: fadeLoad;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.13s;

	animation-name: fadeLoad;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.13s;
}

.rotate-load {
	-moz-animation-name: rotateLoad;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.3s;

	-webkit-animation-name: rotateLoad;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.3s;

	animation-name: rotateLoad;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}

.content-item.is_lost {
	background: #E6FFEA !important;
}

.content-item.is_lost .content-item-size {
	background-color: transparent !important;
}

.content-item.is_paused {
	background: #fafafa;
}

.content-item.is_paused .content-item-size {
	background-color: transparent !important;
}

.files-margin-div {
	margin-left: 40px;
	margin-right: 40px;
}

.header-row {
	max-width: 76rem;
	padding-left: 15px;
	padding-right: 15px;
	background: #FDFDFD;
}

.header-row > div {
	cursor: pointer;
	line-height: 19px;
}

#files-heading .header-row > div:hover {
	background-color: #f9f9f9;
}

.content-item-filename {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

input[type=text].rename-input {
	display: inline-block;
	margin: 0;
	padding: 0 15px 0 15px;
	height: 100%;
}

.content-item[marked=true] {
	background-color: #4285F4 !important;
	color: white;
}

.content-item[marked=true] a {
	color: white;
}

.content-item.dragging {
	/*background-color:#F7F6C6 !important;*/
}

.dragging-div {
	height: 55px;
	width: 40px;
}

.dragging-div > div {
	height: 32px;
	width: 32px;
	position: absolute;
}

.dragging-div > div > .s-icon-column {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.dragging-div > div > .s-icon-column i {
	font-size: 22pt;
	line-height: 100%;
	background: rgba(255, 255, 255, 0.7);
}

.dragging-div > div .video-icon-bg {
	margin: 0;
}

.folder-icon {
	background: transparent url(/images/icons/folder.png);
	width: 32px;
	height: 24px;
	margin-top: 14px;
	margin-left: 7px;
}

.dragging-counter {
	bottom: 0px;
	left: 0px;
	width: 20px !important;
	height: 20px !important;
	font-size: 10pt;
	border-radius: 10px;
	background: rgb(253, 96, 96) !important;
	color: white;
	margin: 0;
	text-align: center;
	font-weight: bold;
}

.content-item.dragging-over {
	border-bottom: 1px #cecece dashed;
	background: #dedede;
}

.content-item-filename {
	background: transparent;
}

.content-link {
	margin-right: 7px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.content-item-filename > div::selection {
	background: transparent; /* WebKit/Blink Browsers */
}

.content-item-filename > div::-moz-selection {
	background: transparent; /* Gecko Browsers */
}

.content-item img {
	max-height: 100%;
}

.item-menu-button {
	float: right !important;
	clear: right;
	display: none;
	height: 67px;
	background: #f0f0f0;
	border-left: 1px solid #09a1ff;
}

.item-menu-button > div {
	width: 32px;
	height: 32px;
	margin: 20px 8px;
	vertical-align: middle;
}

.content-item > div {
	float: left;
	white-space: nowrap;
	overflow: visible;
}

.content-item-image {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}

.content-item-functions {
	float: right !important;
}

.check-icon {
	font-size: 16px;
	padding: 7px;
	/* margin-top: 16px; */
	border-radius: 18px;
	background: #707070;
	color: white;
	padding-left: 12px;
	padding-right: 12px;
}

.content-item-functions .link-progress {
	display: none;
}

.content-item[is_ready=false] .content-item-functions * {
	display: none;
}

.content-item[is_ready=false] .content-item-functions .link-progress {
	display: inline;
}

.overlay-element {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#link-progress-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	height: calc(100% - 150px);
	background-color: transparent;
	display: none;
	z-index: 5;
	top: 181px;
}

#link-progress-display {
	display: none;
	width: 100%;
	position: fixed;
	z-index: 6;
	top: 200px;
}

#link-progress-display > div {
	padding: 20px 20px 20px 20px;
	margin-top: 50px;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	background-color: white;
	border: 1px solid #C3C3C3;
	/* border-radius: 8px; */
	/* height: 150px; */
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
}

#link-progress-display .row {
	height: 40px;
}

.video-link, .audio-link, .share-link {
	font-size: 18pt;
	margin-left: 20px;
	position: relative;
}

body[loggedin=true] #login-span {
	display: none;
}

body[loggedin=false] #upload-nav-item,
body[loggedin=false] #settings-nav-item,
body[loggedin=false] #files-nav-item,
body[loggedin=false] #notifications-nav-item,
body[loggedin=false] #search-nav-item,
body[loggedin=false] #searchicon-nav-item,
body[loggedin=false] #pie-nav-item,
body[loggedin=false] span[class*="-notif"],
body[loggedin=false] .dropdown {
	display: none;
}

.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	background: no-repeat center center url(/images/cycle.png);
	cursor: pointer;
	z-index: 97;
	opacity: 0.5;
}

.back-to-top:hover {
	opacity: 1;
}

nav a:after {
	content: none !important;
}

#upload-nav-item a, #account-nav-item a {
	padding-right: 16px !important;
}

.progress {
	position: relative;
}

.progress.round {
	float: right;
	width: 127px;
	height: 24px;
	background: white;
	padding: 1px 1px 1px 1px;
	border: 1px #bebebe solid;
	margin: 0;
	padding-top: 0;
	line-height: 20px;
	overflow: hidden;
}

.progress.success .meter {
	background: #7BE4A2
}

.progress.round .meter {
	border-radius: 12px;
	height: 20px;
	margin-top: 1px;
}

.progress .meter {
	-webkit-transition: width 2s;
	transition: width 2s;
}

.meter-overlay {
	width: 100%;
	height: 100%;
	background-image: url(/images/animated-overlay.gif);
	opacity: 0.1;
}

#link-progress-display .progress-label {
	font-size: 12pt;
	margin-top: -2px;
}

#link-progress-display .meter {
	background: #A7C9EB;
}

#top-bar .progress-label {
	font-size: 8pt;
}

.progress-overlay {
	position: absolute;
	height: 100%;
	width: 0;
	top: 0;
	left: 0;
	opacity: 0.2;
	background: #C7D9ED url('images/animated-overlay.gif');
}

.content-item:hover .s-icon-column i, .content-item[marked=true] .s-icon-column i {
	text-align: center;
}

.settings-text a {
	color: #2ba6cb;
	text-decoration: none;
	line-height: inherit;
}

.setting-item {
	margin: 0 !important;
	margin-bottom: 5px !important;
}

.setting-item input[type=checkbox] {
	vertical-align: middle;
	margin: 0 1em 0 0;
}

.setting-item > div {
	line-height: 38px;
}

.settings-content {
	margin-bottom: 50px;
}

.s-icon-column {
	width: 45px;
	height: 45px;
	color: #353535;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	position: relative;
}

#folder-up .s-icon-column {
	padding-top: 12px;
}

.header-row .s-icon-column {
	height: auto;
	background: #fcfafa;
	border-bottom: 3px solid #eee;
	cursor: pointer;
}

.header-row .s-icon-column input {
	margin-bottom: 0;
	cursor: pointer;
}

#files-tab .s-icon-column i {
	font-size: 25px;
	margin-top: 15px;
	display: block;
}

.s-icon-column i.fa-folder {
	color: #E4BE38;;
}

.content-item[marked=true] i.fa-folder {
	color: White;
}

a {
	text-decoration: none;
	line-height: inherit;
}

a:hover, a:focus {
	color: #2795b6;
}

a img {
	border: none;
}

.add-result-button {
	float: right;
	margin: 0;
	margin-top: -5px;
}

.notification a.button {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 5px;
}

.friend-list {
	border: 1px #cecece solid;
	line-height: 40px;
	padding: 10px 10px 10px 10px;
	overflow-y: auto;
	margin-bottom: 14px;
	margin-left: 0;
}

.friend-list li {
	list-style-type: none;
	cursor: pointer;
	margin-bottom: 4px;
}

.friend-list li:hover {
	background-color: #fafafa;
}

.friend-list li div:before {
	/*background:url(../images/profile.png) no-repeat;*/
	content: " ";
	width: 24px;
	height: 24px;
	margin: 10px 20px 10px 20px;
	float: left;
	clear: none;
	display: table;
}

.friend-list li.lang-eng div:before {
	background: url(/images/flags/24/us.png) no-repeat;
}

.friend-list li.lang-heb div:before {
	background: url(/images/flags/24/il.png) no-repeat;
}

.friend-list li.lang-ita div:before {
	background: url(/images/flags/24/it.png) no-repeat;
}

.friend-list li.lang-spa div:before {
	background: url(/images/flags/24/es.png) no-repeat;
}

.friend-list li.lang-por div:before {
	background: url(/images/flags/24/pt.png) no-repeat;
}

.friend-list li.lang-pob div:before {
	background: url(/images/flags/24/br.png) no-repeat;
}

.friend-list li.lang-fre div:before {
	background: url(/images/flags/24/fr.png) no-repeat;
}

.friend-list li.lang-ger div:before {
	background: url(/images/flags/24/de.png) no-repeat;
}

.friend-list li.lang-rus div:before {
	background: url(/images/flags/24/ru.png) no-repeat;
}

.friend-list li.lang-tur div:before {
	background: url(/images/flags/24/tr.png) no-repeat;
}

.friend-list li.lang-ara div:before {
	background: url(/images/flags/24/_Arab%20League.png) no-repeat;
}

.friend-list li.lang-ell div:before {
	background: url(/images/flags/24/gr.png) no-repeat;
}

.friend-list li.lang-fin div:before {
	background: url(/images/flags/24/fi.png) no-repeat;
}

.friend-list li.lang-pol div:before {
	background: url(/images/flags/24/pl.png) no-repeat;
}

.friend-list li.lang-bul div:before {
	background: url(/images/flags/24/bu.png) no-repeat;
}

.friend-list li.lang-rum div:before {
	background: url(/images/flags/24/ro.png) no-repeat;
}

.friend-list li.lang-hun div:before {
	background: url(/images/flags/24/hu.png) no-repeat;
}

.friend-list li.lang-dut div:before {
	background: url(/images/flags/24/nl.png) no-repeat;
}

.friend-list li[marked=true] {
	background-color: #F0F0FF;
}

.modal-title {
	color: white;
	font-size: 10pt;
	top: 12px;
	margin-left: 20px;
	float: left;
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 50px;
	width: 60%;
	white-space: nowrap;
}

#ebook-title {
	color: black;
}

#sendfile-button {
	float: right;
	margin-bottom: 0;
}

#folder-share-save {
	float: right;
}

#folder-share-modal > form > div:last-child {
	height: 40px;
	border-top: 1px dashed #cecece;
	padding-top: 10px;
}

#logout-button {
	float: right;
	margin-top: 30px;
}

.signup-load-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgb(253, 253, 253);
	opacity: 0.92;
	z-index: 4;
	position: absolute;
	font-family: 'Open Sans';
	padding-top: 15%;
	text-align: center;
	display: none;
	/* margin-top: 20px; */
	color: black;
}

.setting-form {
	display: none;
	clear: both;
	text-align: center;
	margin: 40px 40px 20px 40px;
}

.setting-form input, .setting-form select {
	width: 200px;
}

.setting-editing {
	background-color: #f0f0f0;
	border-top-style: solid !important;
	border-bottom: none;
}

.setting-editing .setting-value-section, .setting-editing .setting-edit-section {
	display: none;
}

.setting-editing .setting-form {
	display: block;
}

.setting-editing .row {
	line-height: 25px;
}

#storage-status {
	line-height: 20px;
	padding: 10px 10px 10px 10px;
}

#storage-status > div {
	height: 40px;
	font-size: 8pt;
}

#storage-status .progress {
	width: auto;
	float: none;
}

body[loggedin="true"] #new-here, body[loggedin="false"] #old-here {
	display: none;
}

body[loggedin="false"] #new-here, body[loggedin="true"] #old-here {
	display: inline;
}

body[loggedin="true"] #signup {
	display: none;
}

#loading-div {
	/*    background-color: white;
	background:rgba(255,255,255,0.8);*/
	text-align: center;
	position: fixed;
	top: 104px;
	height: 100%;
	width: 100%;
	z-index: 999;
	//display: none;
	padding-top: 80px;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;

	transform: translateZ(0);
	backface-visibility: hidden;

	background: rgba(251, 251, 251, 0.8);
}

#loading-div img {
	margin-top: 10%;
	padding: 5px 5px 5px 5px;
	/*    border:1px solid #cecece;
	border-radius:5px;
	background-color:black;*/
}

.close-reveal-modal {
	z-index: 10000 !important;
	font-size: 1.6rem !important;
}

#player {
	height: 100%;
	z-index: 100;
}

.player-hidden {
	position: absolute !important;
	left: -5000px;
}

#welcome-sign-in-form {
	display: none;
}

#welcome-login-div {
	padding: 10px 20px 10px 20px;
	margin: 20px;
	background: white;
	border-radius: 15px;
	background: white;
	border: 1px solid #cecece;
	box-shadow: 0 0 2px #dedede;
	line-height: 30px;
}

#welcome-login-div i {
	font-size: 1.2em;
	margin-top: 2px;
}

.login-register-required, .login-incorrect, .login-to-continue, .login-waiting-list, .login-activate, .login-recaptcha {
	background-color: #FFFFD6;
	padding: 10px 5px 10px 5px;
	margin-bottom: 10px;
	color: #404040;
	font-size: 11pt;
	text-align: center;
	display: none;
}

.login-waiting-list {
	background-color: #D6F6FF;
}

.viewer-modal {
	height: 80%;
	background: black;
	padding: 0;
	padding-top: 40px;
	position: fixed;
	overflow: hidden;
	top: 60px !important;
	border-radius: 6px !important;
}

#video-modal {
	background: #353535;
	box-shadow: 0 0 20px #202020;
	outline: none;
}

.video-wait img {
	max-width: 80%;
}

.video-preview {
	height: 100%;
	text-align: center;
	background-color: black;
	padding-top: 5px;
	padding-bottom: 20px;
	border-radius: 5px;
	white-space: nowrap
}

.video-preview img {
	width: 100%;
	max-height: 100%;
	height: auto;
	vertical-align: middle
}

#video-circle-progress {
	padding: 0;
	border-radius: 8px;
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 60px;
	color: white
}

#video-circle-progress canvas {
	width: 100%;
	height: 100%;
}

#video-circle-progress strong {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
}

#video-modal.converting {
	padding-bottom: 40px;
}

.video-modal-converting-div {
	display: none;
	border: 0;
	background-color: #101010;
	color: white;
	padding: 0;
}

#video-modal-conversion {
	background-color: #272727;
}

.video-modal-converting-div .meter {
	background-color: #666;
	font-weight: bold;
}

#video-modal.converting .video-modal-converting-div {
	display: block;
}

#captions-bottom {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
}

#captions-list {
	overflow-y: scroll;
	position: absolute;
	top: 0;
	bottom: 30px;
}

#captions-container {
	position: absolute;
	top: 75px;
	bottom: 0;
	left: 0;
	right: 0;
}

#captions-select > form {
	height: 100%
}

#captions-select {
	height: 100%
}

.progress-label {
	height: 100%;
	color: #303030;
	text-align: center;
	width: 100%;
	display: inline-block;
	position: absolute;
	font-weight: 700;
	color: #48484A;
	font-family: "Open Sans";
	font-size: 0.8em;
	left: 0;
	top: 1px;
}

.loader-div {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 15px;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.8;
}

.loader-div > img {
	background-color: black;
	border-radius: 8px;
	padding: 16px;
}

#captions-list li div {
	margin-right: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#captions-list button {
	float: right;
	padding: 7px;
	line-height: 25px;
	width: 80px;
	color: white;
	margin: 0 0 0 0 !important;
}

#video-subtitles-select option:before {
	display: block;
	position: absolute;
	background: url(/images/flags/24/il.png);
	height: 40px;
	width: 40px;
}

#audio-player {
	background-color: #252525 !important;
}

#audio-player * {
	box-sizing: content-box;
}

/* Start: Shuffle */
.mejs-controls .mejs-shuffle-on button {
  background-position: -32px 0 !important;
}
.mejs-controls .mejs-shuffle-off button {
  background-position: -32px -16px !important;
}
/* End: Shuffle */

.ebook-nav {
	width: 30px;
	font-size: 30px;
}

.ebook-nav:hover {
	background-color: #dedede;
}

#ebook-modal {
	background-color: #f0f0f0;
	padding: 0;
	padding-top: 40px;
	padding-bottom: 46px;
	max-width: 100%;
	top:0 !important;
}

#ebook-container {
	background-color: white;
	height: 100%;
	position: relative;
}

#ebook-area {
	padding: 0;
	height: 100%;
	border-radius: 0;
}

#ebook-area iframe {
	border-radius: 8px;
}

.ebook-nav-row {
	padding: 5px;
	box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
	z-index: 20;
	margin-top: -4px;
	position: relative;
	background: white;
	border-radius: 3px;
}

#jp_container_N {
	padding: 12px;
	border-radius: 4px;
}

.modal-minimized {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	top: -1000px !important;
}

.minimize-reveal-modal {
	font-size: 1.375em;
	line-height: 1;
	position: absolute;
	top: 0.3em;
	right: 2em;
	color: #aaa !important;
	font-weight: bold;
	z-index: 10000 !important;
	cursor: pointer;
}

#video-modal-closed-captions {
	font-size: 1.375em;
	line-height: 1;
	position: absolute;
	top: 0.5em;
	right: 2.5em;
	color: #aaa;
	font-weight: bold;
	z-index: 10000 !important;
	cursor: pointer;
}

.maximize-div {
	display: none;
	cursor: pointer;
}

.video-icon-bg {
	background-color: black;
	background-color: rgba(0, 0, 0, 0.85);
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/images/image-loader.gif');
	width: 32px;
	height: 32px;
	padding: 0;
	display: block;
	margin-left: 7px;
	margin-top: 8px;
}

span.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#password-strength {
	white-space: nowrap;
}

#password-strength span {
	height: 13px;
	width: 25%;
	border: 1px solid transparent;
	display: inline-block;
	visibility: hidden;
	background-color: #ff4040;
}

#password-strength :nth-child(1) {
	visibility: visible;
}

#password-strength.weak-strength :nth-child(1), #password-strength.weak-strength :nth-child(2) {
	visibility: visible;
	background-color: #ffff20;
}

#password-strength.medium-strength :nth-child(1), #password-strength.medium-strength :nth-child(2), #password-strength.medium-strength :nth-child(3) {
	visibility: visible;
	background-color: #ffff20;
}

#password-strength.high-strength span {
	visibility: visible;
	background-color: #20ff20;
}

.close-input {
	position: absolute;
	font-size: 8pt;
	top: 10px;
	right: 25px;
}

.top-bar {
	height: 75px !important;
	padding-top: 15px;
	margin-bottom: 0 !important;
}

#file-browser {
	margin-top: 121px;
	background-repeat: no-repeat;
	background-position-y: 90px;
	padding-top: 10px;
}

@-moz-keyframes dropLoad {
	0% {
		-moz-transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes dropLoad {
	0% {
		-webkit-transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes dropLoad {
	0% {
		transform: translateY(-20px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes zoomLoad {
	0% {
		transform: scale(0.6);
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes zoomLoad {
	0% {
		transform: scale(0.6);
		opacity: 0.3;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes zoomLoad {
	0% {
		transform: scale(0.6);
		opacity: 0.3;
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-moz-keyframes fadeLoad {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeLoad {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeLoad {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes rotateLoad {
	0% {
		-moz-transform: rotateX(-45deg) translate(0, -250px);
		opacity: 0;
	}
	100% {
		-moz-transform: rotateX(0deg) translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes rotateLoad {
	0% {
		-webkit-transform: rotateX(-45deg) translate(0, -250px);
		opacity: 0;
	}
	100% {
		-webkit-transform: rotateX(0deg) translate(0, 0);
		opacity: 1;
	}
}

@keyframes rotateLoad {
	0% {
		transform: rotateX(-45deg) translate(0, -250px);
		opacity: 0;
	}
	100% {
		transform: rotateX(0deg) translate(0, 0);
		opacity: 1;
	}
}

#right-menu {
	float: right;
	width: 55px;
	padding: 9px 10px 10px 5px;
	height: 50px;
	/* border: 1px solid transparent; */
	border-radius: 5px;
	/* overflow: hidden; */
	margin-top: 6px;
}

#right-menu input[type='text'] {
	background-color: #f9f9f9;
	border-bottom: 1px solid #dadada;
	height: 35px;
	border-right: none;
	background: rgba(255, 255, 255, 0.3);
}

#right-menu input[type='text']:hover {
	border-color: #fafafa;
}

#right-menu.right-menu-open {
	width: 500px;
	border-color: #dcdcdc !important;
}

.right-menu-text-icon {
	display: none;
	background: white;
}

#right-menu.right-menu-open .right-menu-text-icon {
	display: block;
}

/*#right-menu.right-menu-open input[type='text'], #right-menu.right-menu-open #close-upload-button {
display:inline-block;
}*/

	.content-item-menu {
		padding: 4px;
		float: right !important;
		display: none;
	}

	.file-menu-button {
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 9px solid #353535;
		border-radius: 3px;
	}

	#link-results {
		width: 100%;
		padding: 0;
		display: none;
		position: absolute;
		height: auto;
		background: #fdfdfd;
		top: 46px;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
		cursor: default;
		/* border: 1px solid #ECECEC; */
		border-radius: 5px;
		transition: opacity 0.6s;
		overflow: visible;
		padding: 0;
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
		border: 0;
		border-radius: 0;
		border-right: 3px solid #bdbdbd;
	}

	#link-results:before {
		display: block;
		border-top-width: 0;
		border-left-width: 10px;
		border-right-width: 10px;
		border-bottom-width: 10px;
		display: block;
		content: ' ';
		width: 0;
		height: 0;
		position: absolute;
		top: -10px;
		right: 50%;
		border-color: #dedede;
		border-style: solid;
		border-top-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
	}

	#link-results-searching {
		text-align: center;
		padding: 20px;
		display: none;
	}

	#link-results-empty {
		display: none;
		padding: 20px;
		text-align: center;
		color: #909090;
	}

	#link-results-content {
		display: none;
		text-align: center;
		color: #909090;
		max-height: 350px;
		overflow-y: auto;
		overflow-x: hidden;
		background: #fafafa;
		padding: 5px;
	}

	#link-results-content > div {
		padding: 10px;
		height: 90px;
		color: black;
		/* border-bottom: 1px dashed #dedede; */
		font-size: 0.8em;
		text-align: left;
		/* border-left: 2px dashed #bbbbbb; */
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		padding: 15px;
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.09);
		border-bottom: 1px solid #d0d0ec;
		border-radius: 5px;
		background: white;
	}

	#link-results-content > div > span {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#link-results-content div.link-results-title {
		margin-right: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 20px;
		font-weight: bold;
		margin-bottom: 10px;
		border-bottom: 1px solid #cecece;
	}

	#link-results-content span.link-results-size {
		line-height: 30px;
	}

	#link-results-content span.link-results-size .fi-info {
		color: #aaaaaa;
		cursor: pointer;
	}

	#link-results-content a.button {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
		background: #2572c7;
	}

	#files-search-input {
		display: inline-block;
		width: auto;
		margin-left: 40px;
		border: 0;
		clear: none;
		margin-bottom: 0;
		height: 20px;
		padding-top: 0;
		padding-bottom: 0;
		box-shadow: none;
		background-color: white;
		border-radius: 4px;
		border: 1px solid #f0f0f0;
		font-size: 9pt;
	}

	.content-item-uploaded {
		text-align: center;
		padding-right: 0;
		padding-left: 0;
		float: right;
		overflow: hidden;
	}

	@media (min-width: 830px) AND (max-width: 980px) {
		body.as .content-item-uploaded {
			display: none;
		}

	}

	#main-menu {
		height: 30px;
		padding-top: 10px;
		float: right;
		margin-top: 6px;
	}

	.body-login-button {
		/*
		background-color:black;*/
	background-color: white;
	border: 1px solid #cecece;
	color: black;
	transition: 0.18s;
	outline: none;
}

.body-login-button:hover {
	border: 1px solid rgb(58, 144, 228);
	background: #fcfcfc;
	color: black;
}

div.advantages {
	font-family: 'Open Sans';
	font-size: 1.4em;
	margin-top: 0;
	padding-bottom: 120px;
	background: white;
}

div.advantage {
	max-width: 1024px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	color: #505050;
	margin-top: 0;
	padding: 30px 0;
	padding-top: 60px;
	padding-bottom: 60px;
}

div.advantage blockquote {
	width: 33%;
	padding: 15px 15px 15px 32px;
	font-size: 17.5px;
	color: black;
}

div.advantage blockquote small {
	text-align: right;
	/* width: 100%; */
	display: block;
	font-size: 14px;
	color: rgb(118, 118, 118);
}

div.advantage blockquote i.fa {
	position: absolute;
	left: 0;
	color: #707070;
}

div.advantage:nth-child(even) {
	/*background-color:#f9f9f9;*/
}

div.advantage p {
	line-height: 32px;
}

.advantage-icon {
	display: block;
	width: 255px;
	color: black;
	padding: 0;
	padding-top: 10px;
}

.advantage-icon.right {
	/*padding-right:30px;*/
	padding-left: 80px;
}

.advantage-icon.left {
	/*padding-left:30px;*/
	padding-right: 80px;
}

.advantage h4 {
	text-align: left;
	font-size: 20pt;
	text-shadow: 0 0 3px rgba(0,0,0,0.1);
	letter-spacing:-1px;
}

.advantage blockquote {
	float: left;
	border: none;
	position: relative;
}

.advantage blockquote p {
	line-height: 32px;
	color: rgb(51, 51, 51);
	text-align: center;
}

#plotholder {
	height: 190px;
	width: 100%;
}

#welcome-logo {
	position: absolute;
	bottom: 0;
	left: 50px;
	max-width: initial;
}

#welcome-logo + div {
	position: absolute;
	bottom: 0;
	left: 230px;
}

#welcome-background {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #226cc0;
	height: 60%;
	padding-right: 50px
}

#welcome-buttons-div {
	position: absolute;
	left: 325px;
	bottom: -8px;
	display:none !important; 
}

#welcome-logo-div {
	padding-right: 70px;
	text-align: right;
	height: 40%;
	position: relative;
	padding-bottom: 19px;
}

#welcome-div-new #welcome-logo-div {
	padding-right: none;
	text-align: center;
}

#welcome-div-new ::-webkit-input-placeholder {
	color: black;
}

#welcome-div-new :-moz-placeholder { /* Firefox 18- */
	color: black;
}

#welcome-div-new ::-moz-placeholder { /* Firefox 19+ */
	color: black;
}

#welcome-div-new :-ms-input-placeholder {
	color: white;
}

.old-welcome #welcome-div-new form {
	width: 320px;
}

.old-welcome #welcome-div-new input[type=text], .old-welcome #welcome-div-new input[type=password], .old-welcome #welcome-div-new input[type=email] {
	border: none;
	border-bottom: 1px solid white;
	margin-bottom: 7px;
	width: 265px;
	height: 30px;
	border-radius: 3px;
}

#welcome-div-new input[data-invalid] {
	border: 1px solid rgb(255, 185, 4);
}

.old-welcome #welcome-div-new label {
	font-weight: 600;
}

.old-welcome #welcome-div-new input.button {
	width: 264px;
	font-weight: bold;
	font-size: 17px;
	/* background: white; */
	/* color: rgb(34, 108, 192); */
	margin-top: 0;
	border: 1px solid #007ee5;
	line-height: 24px;
	font-weight: 600;
	/* width: 100%; */
	float: none;
	background: #007ee5;
	font-weight: 700;
	font-size: 16px;
	outline: none;
}

#home-description {
	position: absolute;
	bottom: -28px;
	right: 17px;
	/* font-weight: bold; */
	font-size: 11pt;
	color: #646464;
}

#welcome-tab button.tiny {
	box-shadow: 1px 1px 3px #dedede;
	font-size: 0.8em;
	margin-top: 2px;
}

#open-signup-button {
	display: none
}

#welcome-tab button, #welcome-tab a, #welcome-tab input[type=submit] {
	font-family: 'Open Sans';
	font-size: 9pt;
}

#create-account-button {
	/*background-color:#770101;*/
}

#welcome-inner-top-row {
	padding-right: 140px;
}

#welcome-safe {
//	padding-top: 25px;
}

#welcome-move {
	padding-top: 26px;
}

#welcome-instant {
	padding-top: 67px;
}

#welcome-easy {
	padding-top: 25px;
}

#more-div {
	line-height: 37px;
	text-align: right;
	border-bottom: 1px solid #cecece;
	position: absolute;
	bottom: 0;
	width: 97%;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	left: 0;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 14px;
	box-shadow: 0 2px 4px #dadada;
}

#more-div button {
	background-color: white;
	/* border: 1px #cecece solid; */
	border-radius: 3px;
	padding: 2px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 4px;
	outline: none;
	background: rgb(54, 121, 197);
	color: white;
	margin: 0;
	padding: 0 3px 0 3px;
	background: transparent;
	color: #404040;
}

#more-div button:hover {
	background-color: #f0f0f0;
}

#signup-div {
	display: none;
	background-color: white;
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 35px;
	max-width: 50rem;
}

#signup-form > * {
	display: none;
}

#signup-form-new small.error {
	width: 265px;
	font-style: normal;
	font-weight: 500;
	background: rgb(79, 149, 229);
}

#signup-form-new label {
	color: white;
}

#signup-form-new label.error {
	color: red;
}

#signup-errors {
	display: block;
	padding-left: 16px;
}

#signup-form #no-invite {
	display: block;
	text-align: center;
}

#close-link {
	float: right;
	cursor: pointer;
	padding: 3px 8px 4px 8px;
	border: 1px solid #dedede;
	border-radius: 3px;
	font-size: 9pt;
	background-color: #f0f0f0;
	margin-left: 10px;
}

#close-link:hover {
	background-color: #dcdcdc;
}

.support-button {
	margin-right: 50px;
	background: #f2f2f2;
	border: 1px solid #cecece;
	color: black
}

#right-menu input[type=text] {
	display: none;
}

#right-menu.right-menu-open input[type=text] {
	display: block;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
}

.content-item-size {
	width: 9%;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	background-color: #fdfdfd;
}

.content-item:hover .content-item-size, .content-item[marked=true] .content-item-size, .content-item.dragging-over .content-item-size {
	background-color: transparent;
}

#welcome-div, #welcome-div-new {
	height: 100%;
	min-height: 790px;
	padding-bottom: 0;
	max-height: 900px;
}

#welcome-div.signing-up, #welcome-div-new.signing-up {
	min-height: 720px;
}

#welcome-inner-top-row:after, #welcome-inner-top-row:before {
	content: " ";
	display: table;
}

#welcome-inner-top-row {
	margin-top: -160px;
	margin-bottom: 30px;
}

.signing-up #welcome-inner-top-row {
	margin-top: 0;
}

.reveal-modal {
	min-height: initial;
	box-shadow: 0 0 40px #131313;
	border: none;
	outline: none
}

#page-title {
	display: none;
}

.page-header {
	height: 98px;
	top: 0;
	padding: 10px 20px 10px 20px;
	-webkit-backface-visibility: hidden;
	background: #FBFBFB;
	transition: 0.4s all;
	background: white;
	border-bottom: 3px dashed #f3f3f3;
}

.page-header > .row {
	padding: 9px;
}

#menu-home {
	float: right;
	transition: 0.4s all;
	margin-left: 8px;
}

.account-name-container {
	margin-left: 74px;
	width: 220px;
	text-align: left;
	font-size: 15px;
	padding-top: 7px;
}

.account-name {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
}

.account-upgrade {
	float: right;
	color: blue;
	text-decoration: underline;
	margin-top: 0 !important;
}

.account-upgrade i {
	display: inline-block;
	margin-top: 3px;
	float: right;
	padding: 1px 0 0 5px;
	font-size: 1.35em;
	color: black;
}

#main-drop {
	position: absolute;
	top: 0px;
	margin-top: 51px;
	background: #FDFDFD;
	width: 220px;
	display: none;
	transform: translateZ(0);
	direction: ltr;
	/* border: 1px solid #E2E2E2; */
	box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
	padding: 5px;
	border-right-color: #bbb;
	right: 0;
	border-right: 3px solid #dedede;
}

#main-drop:before {
	display: block;
	border-top-width: 0;
	border-left-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -10px;
	right: 8px;
	border-color: #F1F1F1;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

#main-drop > ul {
	padding: 0;
	margin-left: 0;
	line-height: 27px;
}

#main-drop li {
	color: black;
	font-size: 8pt;
	color: black;
	font-size: 13px;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
	border-radius: 3px;
	padding: 3px;
	padding-left: 12px;
	cursor: pointer;
}

#main-drop > ul > li:hover {
	background-color: #e5eeff;
}

#menu-drop {
	float: left;
	margin-left: 15px;
	padding: 3px 15px 3px 15px;
	border: 1px solid transparent;
	border-radius: 3px;
	cursor: pointer;
	color: #aeaeae;
	position: relative;
	direction: rtl;
	margin-top: 3px;
	margin-right: 15px;
}

#files-tab {
	background-color: #fbfbfb
}

#welcome-margin {
	display: table-cell;
	vertical-align: middle;
}

#link-upload-text {
	margin-right: 40px;
	border-right: none
}

#close-right-menu {
	position: absolute;
	left: 51px;
	top: 1px;
	height: 33px;
	font-size: 10pt;
	width: 23px;
	background-color: #f1f1f1;
	padding: 9px;
	padding-top: 7px;
}

#mobile-overlay-div {
	display: none;
	background: black;
	opacity: 0.35;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	position: fixed;
}

#mobile-space {
	display: none;
}

#mobile-menu {
	display: none;
}

.right-menu-text-icon {
	font-size: 13.5pt;
	color: black;
	/* position: absolute; */
	/* top: 1px; */
	/* left: 1px; */
	width: 32px;
	text-align: center;
	padding-top: 2px;
	/* background: #696969; */
	cursor: pointer;
	float: right;
	/* border-radius: 27%; */
	margin-left: 10px;
	z-index: 4;
	padding-bottom: 3px;
	height: 35px;
	border-bottom: 3px solid #7990ff;
}

.right-menu-text-icon:hover {
	background-color: #f1f1f1;
}

#right-menu-text-icon:active {
	box-shadow: inset 0 1px 2px 1px #ccc;
	border: 1px solid rgb(74, 159, 255);
}

body[loggedin=false] #main-menu {
	display: none;
}

body[loggedin=false] .page-header {
	border: none;
	background: transparent;
	display: none;
}

#doc-modal {
	height: 80%;
}

#doc-div {
	overflow-y: scroll;
	overflow-x: auto;
	background-color: white;
	height: 100%;
}

.header-bg {
	background: white !important;
}

ul > li {
	list-style-type: none;
}

.advantages li {
	list-style-type: circle;
}

.top-bar-section ul li > a {
	opacity: 0.6;
}

.top-bar-section ul li > a:hover {
	opacity: 1;
}

.link-progress-display .progress .meter::after {
	content: "";
	background: url(/images/animated-overlay.gif);
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

#link-progress-title {
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 12.5pt;
	white-space: nowrap;
	display: block;
	text-decoration: underline;
	color: #3184FF;
}

#link-progress-size {
	padding-left: 5px;
}

#link-progress-speed {
	text-align: right;
	font-weight: 600;
}

.reveal-modal.classy {
	/* border-radius: 10px;
	border: 2px #cecece solid;*/
	position: fixed !important;
	top: 15% !important;
}

#np-modal {
	top: 10% !important;
}

#sign-in-form button {
	margin-top: 15px;
}

#sign-in-submit {
	margin-left: 15px;
}

#files-heading, .content-heading {
	position: fixed;
	top: 97px;
	background: #FBFBFB;
	z-index: 50;
	padding-top: 0;
	backface-visibility: hidden;
}

#main-drop-button {
	display: inline-block;
}

.after-arrow:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;

	border-top: 4px solid #aaaaaa;

	display: block;
	position: absolute;

	top: 7px;
	left: -15px;
}

.before-arrow:after {
	content: '';
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;

	border-top: 4px solid #aaaaaa;

	display: block;
	position: absolute;

	top: 7px;
	left: -10px;
}

header {
	backface-visibility: hidden;
}

header:hover #menu-drop {
	background-color: #fcfcfc;
	color: black;
}

header:hover #menu-drop.active {
	color: #AE0000;
}

#subscription-menu-item {
	background: #569DF9 !important;
	color: white !important;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	font-weight: bold !important;
	line-height: 44px;
	margin-bottom: 14px;
	border: 1px solid #4D79B1;
	padding: 0 0 0 12px !important;
	font-size: 1.1em !important;
}

#subscription-menu-item i {
	line-height: 41px;
}

li#logout-menu-item {
	font-weight: 600;
}

.menu-separator {
	height: 0px;
	border-bottom: 1px solid #A5A5A5;
	margin-bottom: 8px;
	background: none !important;
	border-radius: 0 !important;
}

#search-menu {
	margin-left: 240px;
	padding-top: 7px;
	display: none;
}

.search-bar-active {
	border-color: #aaaadd !important;
}

#search-bar {
	border: 1px #B9B9B9 solid;
	background-color: white;
	height: 31px;
	overflow: hidden;
	padding-top: 0.5px;
}

#search-bar > input {
	border: 0;
	width: 100%;
	height: 100%;
	outline: 0;
	background: transparent !important;
}

#search-bar-button {
	float: right;
	text-align: center;
	background-color: #fcfcfc;
	border: 1px solid #cecece;
	cursor: pointer;
	color: #909090;
	width: 55px;
	padding: 6px 0 3px 0;
	border-left: 0;
	font-size: 14pt;
}

#search-bar-button:hover {
	background-color: #f0f0f0;
	color: black;
}

.pretty-text {
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.context-menu-shadow {
	display: none !important;
}

.main-menu-icon {
	margin-left: 8px;
	margin-right: 15px;
	font-size: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
	float: right;
	height: 100%;
	border-left: 1px dashed #EAEAEA;
	padding-left: 8px;
	line-height: 27px;
}

#uploader {
	background-color: white;
	position: relative;

	display: none;
}

#uploader > div {
	background-size: 128px 128px;
	background-image: url(/images/striped.gif);
	padding: 8px;
}

#uploader-search {
	border: 1px solid #ababab;
	background-color: white;
	position: relative;
}

#uploader-search input[type=text] {
	border: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: white;
}

#upload-button {
	float: right;
	font-size: 13.5pt !important;
	border: 1px solid transparent;
	border-left: none;
	color: #080808;
	color: white;
	width: 32px;
	height: 35px;
	padding: 0;
	line-height: 32px;
	margin-bottom: 0;
	color: black;
	border-bottom: 3px solid red;
	background: white;
}

#upload-button:hover {
	background-color: rgb(243, 243, 243);
}

#upload-button:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

}

#close-upload-button {
	float: left;
	display: none;
	padding-right: 3px;
	padding-left: 3px;
}

p.title {
	background: none repeat scroll 0 0 #404040;
	border-bottom: 2px solid #ff0000;
	border-radius: 5px;
	color: #fff;
	padding: 4px;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}

p.title i {
	padding: 3px 8px 4px 9px;
	/* margin-top: -0.25em; */
	font-size: 1.5em;
	vertical-align: middle;
	color: white;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	/* border-radius: 5px; */
	background: #575757;
	border-left: 1px solid rgb(165, 165, 165);
}

body[loggedin=false] #right-menu {
	width: auto;
}

body[loggedin=true] #top-login-button, body[loggedin=false] #top-login-button {
	display: none;
}

body[loggedin=true] #introduction-account {
	visibility: hidden;
}

body[loggedin=false] #upload-button {
	display: none;
}

body[loggedin=false] #main-drop ul {
	display: none;
}

body[loggedin=false] #top-storage-div {
	display: none;
}

#top-storage-div {
	float: left;
	border: 0;
	cursor: pointer
}

#top-storage-div .progress {
	font-size: 8pt;
	margin-bottom: 4px;
	text-align: left;
	height: 10px;
	float: left;
	padding-top: 5px;
	width: 167px;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
	width: 204px;
}

#top-storage-span-container {
	font-size: 8pt;
	margin-bottom: 4px;
	text-align: right;
	height: 3px;
	/* float: left; */
	/* padding-top: 5px; */
	width: 206px;
	margin-left: 88px;
}

#top-storage-span {
	font-weight: 700;
	line-height: 14px;
	display: inline-block;
}

#top-wishlist-div {
	display: block;
	float: left;
	padding: 9px;
	border-radius: 5px;
	margin: 15px;
	border-bottom: 2px solid #7990ff;
	margin-left: 40px;
	position: relative;
	cursor: pointer;
}

#top-wishlist-div > i {
	display: block;
	width: 15px;
	height: 15px;
	padding: 0;
}

#top-wishlist-div:before {
	display: block;
	position: absolute;
	background: #77B7FF;
	content: attr(count);
	width: 12px;
	height: 16px;
	top: 0;
	right: 0;
	text-align: center;
	border-radius: 4px;
	font-size: 8pt;
	z-index: 5;
	color: white;
	font-weight: bold;
}

#top-wishlist-div[count=false]:before {
	display: none;
}

div#ultra-container {
	display: none;
	position: absolute;
	width: 280px;
	height: auto;
	background: #FBFBFB;
	top: 46px;
	right: -19px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
	/* border-radius: 5px; */
	/* overflow: hidden; */
	border: 1px solid #F3F3F3;
	cursor: default;
	border: 1px solid #ECECEC;
	border-radius: 5px;
	transition: opacity 0.6s;
}

div#ultra-container:before {
	display: block;
	border-top-width: 0;
	border-left-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -10px;
	right: 25px;
	border-color: #F1F1F1;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

div#ultra-container .ultra-testing-overlay {
	background-image: url(/images/animated-overlay.gif);
	background-color: #AFB3F5;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: white;
	height: 94%;
	vertical-align: middle;
	opacity: 0.04;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
	display: none;
}

div#ultra-container .checking .ultra-testing-overlay {
	display: block;
}

div#ultra-container label {
	line-height: 35px;
}

div#ultra-container input[name=ultra-source] {
	float: left;
	margin-top: 11px;
}

div#ultra-container img {
	float: left;
}

div#ultra-comingsoon {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8);
	color: blue;
	height: 67px;
	padding-top: 23px;
	border-top: 1px solid #eeeeee;
	box-shadow: 0 -5px 6px #fafafa;
}

div#ultra-container .fa-bolt, div#ultra-container .fa-users {
	float: right;
	margin: 11px;
}

div#ultra-container ul {
	background: #FDFDFD;
	margin-left: 0;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
}

div#ultra-container ul > li {
	padding: 11px;
	font-size: 11px;
	position: relative;
}

div#ultra-container .premium-notice {
	display: none;
	color: #2E5786;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 25px;
	display: list-item;
	padding: 5px;
	font-size: 0.8em;
	text-decoration: underline;
	border-bottom: 1px solid blue;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#ultra-container li:hover {
	background: #F7F7F7;
}

div#ultra-container h6 {
	border-bottom: 1px solid #DADADA;
	line-height: 34px;
	margin-bottom: 0;
	font-weight: 500;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 3px;
	background: #627DFF;
	color: white;
}

.ultra-flag {
	float: left;
	margin-left: 12px;
}

.ultra-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 200;
	font-size: 13px;
	margin-bottom: 4px;
	padding-left: 12px;
	text-align: left;
}

div#wishlist-container {
	display: block;
	position: absolute;
	width: 350px;
	height: auto;
	background: #FBFBFB;
	top: 46px;
	right: -19px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 9px 0px;
	/* border-radius: 5px; */
	/* overflow: hidden; */
	border: 1px solid #F3F3F3;
	cursor: default;
	border: 1px solid #ECECEC;
	border-radius: 5px;
	transition: opacity 0.6s;
}

div#wishlist-container:before {
	display: block;
	border-top-width: 0;
	border-left-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	position: absolute;
	top: -10px;
	right: 25px;
	border-color: #F1F1F1;
	border-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

div#wishlist-container h6 {
	line-height: 40px;
	margin-bottom: 0;
	font-weight: 500;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	margin-bottom: 3px;
}

div#wishlist-container .fa-star-half-o {
	float: right;
	margin: 11px;
}

div#wishlist-container .fa-close {
	display:none;
}

div#wishlist-container ul {
	background: #FDFDFD;
	min-height: 27px;
	margin-left: 0;
	border-bottom: 1px solid #f0f0f0;
	max-height: 330px;
	overflow-y: auto;
}

div#wishlist-container ul > li {
	padding: 11px;
	font-size: 14px;
}

div#wishlist-container li:hover {
	background: #F7F7F7;
}

.wishlist-title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: 200;
	font-size: 13px;
	margin-bottom: 4px;
}

.wishlist-size {
	float: left;
	font-weight: 200;
}

.wishlist-date {
	float: right;
	margin-right: 4px;
	color: gray;
}

.wishlist-close {
	float: left;
	margin-left: 10px;
	float: right;
	cursor: pointer;
}

.wishlist-premium {
	float: right;
	border-radius: 50%;
	background: #FFFFBA;
	color: #676767;
	font-size: 13px;
	width: 25px;
	margin-top: 9.5px;
	margin-left: 5%;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	border: 1px dashed #C7C7C7;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}

button.wishlist-download {
	width: 100%;
	border-radius: 3px;
	margin-top: 7px;
	padding: 0;
	line-height: 30px;
	background: #5292E4;
}

#main-drop div {
	margin: 15px;
	padding: 15px;
	text-align: center;
	background-color: #606060;
	color: white;
}

#main-drop ul {
	margin-bottom: 0;
}

body[loggedin=true] #main-drop div {
	display: none;
}

#icon-reload {
	position: absolute;
	padding: 3px;
	right: 20px;
	top: 15px;
}

#icon-reload i {
	padding: 0;
}

@media screen and (min-width: 480px) {
	#icon-reload {
		top: 10px;
		padding: 7px;
	}
}

.header-row span {
	position: relative;
}

.header-row .after-arrow:after {
	top: 7px;
	right: -20px;
}

.header-row .after-arrow.up:after {
	border-bottom: 4px solid #aaaaaa;
	border-top: 0;
}

.link-upload-container input[type=text] {
	border: 0;
	height: 100%;
	box-shadow: none
}

.close-link-results {
	height: 20px;
	background-color: #f3f3f3;
	margin-bottom: 3px;
	border: 1px solid transparent;
	font-size: 8pt;
	text-align: center;
	padding-top: 4px;
	cursor: pointer;
	color: #909090;
}

.close-link-results:hover {
	background-color: #f5f5f5;
}

.table-heading {
	padding: 10px 5px 8px;
	line-height: 15px;
	font-size: 12px;
	color: #4D7FA1;
}

.content-color {
	color: #767674;
}

.content-item-text {
	font-size: 14px;
	padding-top: 16.5px;
	padding-bottom: 14px;
	font-family: 'Open Sans';
}

html, body {
	width: 100%;
	height: 100%;
	position: relative;
}

footer {
	position: relative;
}

.main-container {
	min-height: 590px;
	max-width: 82em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.fix {
	position: fixed;
	width: 100%;
	z-index: 98;
	transform: translateZ(0);
	backface-visibility: hidden;
}

.seedr-size {
	min-height: 570px;
	padding-top: 12px;
}

#signup {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: -35px;
	margin-left: auto;
	width: 246px;
	height: 78px;
	background-repeat: no-repeat;
}

.content-tab {
	display: none;
	padding-bottom: 140px;
	position: relative;
}

#notifications-tab li {
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 1px dashed #AAADAE;
	line-height: 26px;
}

#notifications-tab li.row:nth-child(odd) {
	background-color: /*#c4d5e4*/ #cddce9;
	border-radius: 5px;
}

#notifications-tab li:hover {
	background: url('/images/transparent-bg.png');
	border-radius: 5px;
}

.notif-text {
	font-size: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #575757;
}

.notif-text span.username {
	position: absolute;
	left: 55px;
}

.settings-text {
	font-size: 12px;
	color: #575757;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

article p {
	font-size: 14px;
	color: black;
	padding: 10px;
}

article .content-color {
	color: /*#575757*/ #454545;
}

article ul li {
	list-style-type: circle;
	font-size: 14px;
	margin-left: 30px;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

#right-menu input[type=text]:focus, #files-search-input:focus {
	border-color: #6FA5DE !important;
}

.item-buttons {
	display: none;
	float: right;
	font-size: 11pt;
	vertical-align: bottom;
	margin: -1px 26px -2px 10px;
	color: #909090;
}

.content-item[marked=true] .item-buttons {
	color: white;
}

.item-buttons i {
	padding-right: 8px;
	padding-left: 8px;
	border-radius: 4px;
	cursor: pointer
}

.item-buttons i:hover {
	background: #fafafa;
	color: #676767;
}

.item-buttons i:active {
	color: #397DCB;
	background: #fafafc;
}

.item-scan-status {
	line-height: 11px;
	padding: 7px;
	border-radius: 9px;
	background: #99CC99;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	float: right;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: -3px;
}

.content-item.scanning .item-scan-status {
	background: #A2A2A2;
}

.content-item.infected .item-scan-status {
	background: red;
}

.content-item.encrypted .item-scan-status {
	background: #FFCC68;
}

.item-scan-text {
	display: none;
	margin-left: 15px;
}

.content-item.infected .item-scan-text {
	display: block;
}

/*.content-item:hover .item-scan-status .item-scan-text, */
.content-item[marked=true] .item-scan-status .item-scan-text {
	display: block;
}

.item-scan-icon {
	float: left;
	width: 10px;
	height: 10px;
}

.item-scan-text:after {
	content: 'SAFE';
}

.content-item.scanning .item-scan-text:after {
	content: 'SCANNING';
}

.content-item.infected .item-scan-text:after {
	content: 'INFECTED';
}

.content-item.encrypted .item-scan-text:after {
	content: 'ENCRYPTED';
}

.content-item:hover .item-buttons {
	display: block;
}

#add-folder-button {
	padding: 5px;
	float: right;
	display: block;
	line-height: 12px;
	margin-right: 35px;
	background: none;
	color: black;
	outline: none;
}

#add-folder-button:hover {
	background: #eaeaea
}

#add-folder-button:active {
	background: #FFE8E8
}

.hidden {
	display: none;
}

.bottom-stroke {
	border-bottom: 3px solid #dedede;
}

#account-tab, #settings-tab, #subscriptions-tab, #paypal_finish-tab, #paypal_failed-tab, #devices-tab, #get_space-tab {
	background: #f4f4f4;
	padding-top: 20px;
}

#account-tab > .row, #settings-tab > .row, #subscriptions-tab > .row, #paypal_finish-tab .main-container, #paypal_faile-tab .main-container, #devices-tab .main-container, #get_space-tab .main-container {
	margin-top: 94px;
	/* padding-top: 40px; */
}

#settings-tab > .row {
	padding: 20px;
}

#account-tab > .row > div > div > div, #settings-tab.row > div > div > div {
	padding: 20px;
	border-radius: 4px;
	margin-bottom: 15px;
}

.settings-cat {
	padding: 10px;
}

#beta-text {
	font-family: 'Open Sans';
	position: absolute;
	margin-top: 27px;
	color: #0073BA;
}

.upgrade-to-resume {
	float: right;
	margin-right: 11px;
	margin-top: -1px;
	color: #0089FF;
	cursor: pointer;
}

.upgrade-to-resume:after {
	display: inline-block;
	content: '► Upgrade';
}

body[is_premium=true] .upgrade-to-resume:after {
	content: '⌛ Waiting For Slot';
}

.torrent-status-indicator {
	padding: 0 5px 0 5px;
	margin-bottom: -20px;
	border-radius: 8px;
	font-size: 16px;
	margin-right: 5px;
	cursor: pointer;
	float: right;
	display: none;
	padding-right: 8px;
	border-right: 1px dashed rgb(181, 181, 181);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	position: relative;
}

.content-item[marked=true] .torrent-status-indicator, .content-item[marked=true] .torrent-status-indicator, .content-item[marked=true] .upgrade-to-resume {
	color: White;
}

.torrent-status-indicator:hover {
	background: white;
}

.torrent.warning .content-item-size, .torrent.error .content-item-size, .torrent.loading .content-item-size {
	background: transparent;
}

.torrent.warning .torrent-status-indicator, .torrent.error .torrent-status-indicator {
	display: block;
}

.torrent.warning .progress, .torrent.error .progress {
	width: 110px;
}

.torrent .fi-download {
	display: none;
}

.torrent.warning {
	background: rgb(255, 247, 221);
}

.torrent.loading {
	background: rgb(249, 252, 255);
}

#link-progress-display .progress {
	height: 2.5em;
	line-height: 2.5em;
	background: #fdfdfd;
	border: 1px solid #aaaaaa;
	overflow: hidden;
	box-shadow: 1px 1px 2px #f8f8f8;
}

.torrent.loading .meter, #link-progress-display.loading .meter {
	width: 100% !important;
	background: #FFF3DC;
	-webkit-transition: background 2s;
	transition: background 2s;
}

.torrent.loading .fi-share {
	color: #808080
}

.torrent.error {
	background: rgb(255, 239, 223);
}

.torrent.error, .torrent.warning, .torrent.loading {
	-webkit-transition: background 0.6s;
	transition: background 0.6s;
}

.torrent .fi-share {
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

.settings-cat .meter {
	margin-top: 0 !important;
}

.settings-cat .progress {
	border: 0;
}

.file-link-container {
	overflow: hidden;
	text-overflow: ellipsis;
}

#signup-form-new-container {
	padding-top: 22px;
	margin-left: 56px;
	position: relative
}

#tv-container {
	text-align: right;
	padding-right: 50px
}

#welcome-left-block {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 50%
}

#welcome-right-block {
	position: relative;
	display: table-cell;
	height: 44%;
	width: 50%
}

#youtube-play-link {
	display: none;
	position: absolute;
}

#drop-torrents-here {
	color: white;
	font-family: open sans;
	font-size: 18pt;
	text-shadow: 0 0 0.3px white
}

#signup-form-tv {
	display: none
}

#account-modal {
	z-index: 5000;
	padding: 0px;
	border-radius: 5px
}

#welcome-container {
	width: 100%;
	max-width: 980px;
	padding-top: 40px;
	display: inline-block;
	text-align: left
}

.reveal-modal {
	min-width: 500px;
}

#notifianchor {
	display: none;
}

#link-upload-form {
	margin: 0;
	position: relative;
	margin-right: 100px;
}

#account-image {
	width: 60px;
	height: 60px;
	padding: 6px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
	float: left;
	border: 1px solid #969ca2;
	margin-right: 28px;
}

#activation-recaptcha > div {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#activation-recaptcha > div > div {
	display: inline;
}

#np-modal .close-reveal-modal {
	font-size: 2.4rem !important;
	top: .4rem;
}

#np-modal .fa-lock {
	margin-right: 20px
}

span.content-item-cloud-name {
	color: #005670;
}

.content-item i.fa.fa-dropbox {
	color: #2282d6;
}

.content-item i.fa.fa-google {
	color: #4285F4
	;
}

div.content-item.cloud.content-item-size.content-item-text {
	background-color: transparent;
}

div.content-item.cloud {
	border-style: dashed;
	border-color: #5eacff;
	border-bottom-width: 2px;
	background-color: #fafafa;
	color: black;
}

.content-item .progress {
	margin-left:10px;
}

body.mobile .item-menu-button {
	display: inline-block;
}

body.mobile .content-item-uploaded {
	width: 147px;
}


@media all and (max-width: 1200px) {

	body.mobile .files-margin-div {
		margin-right:0;
		margin-left:0;
	}

	body.mobile .content-item {
		padding-right:0;
	}



	#welcome-container {
		padding: 30px;
	}

	#tv-container {
		padding-right: 15px;
	}

	#signup-form-new-container {
		margin-left: 0;
	}

	#welcome-logo {
		left: 15px;
		max-width: 180px;
	}

	#welcome-logo + div {
		left: 178px;
		bottom: 10px;
	}

	#welcome-buttons-div {
		left: 254px;
		bottom: -13px;
	}

	#welcome-clouds {
		display: none;
	}

}

@media all and (max-width: 1100px) {

	#video-modal {
		box-shadow: none;
	}

	.signing-up #welcome-margin {
		vertical-align: top;
	}

	#captions-container {
		top: 175px;
	}

	#captions-select input[type='submit'] {
		margin-top: 0 !important;
	}

	#captions-list {
		margin-top: 0;
	}

	#link-progress-display > div {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		height: 180px;
		margin-top: 35px;
	}

	#right-menu.right-menu-open {
		width: 340px;
		padding-left: 33px !important;
	}

	#welcome-inner-top-row {
		margin-top: -160px !important;
	}

	.signing-up #welcome-inner-top-row {
		margin-top: 0 !important;
	}

	#link-results {
		width: 340px;
	}

	#welcome-inner-top-row {
		padding-right: 0;
	}

	div.advantage {
		height: auto;
		padding:30px;
	}
}

@media all and (max-width: 900px) {
	.right-menu-text-icon {
		display: none;
	}
}

@media all and (max-width: 830px) {
	#welcome-buttons-div.shown {
		display:block !important
	}


	.main-bg h2 {
		margin-top:130px !important;
	}
	#alerts {
		top: 62px;
		z-index: 200;
	}

	#alerts > div {
		width: 97%;
	}

	#premium-bot {
		margin-bottom: 23px !important;
	}

	body {
		transition: 0s all;
		overflow-x: hidden;
	}

	#np-modal {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		border-radius: 0 !important;
		box-shadow: none;
		height: 100% !important;
		right: 0;
	}

	.content-item[marked=true] .item-scan-status .item-scan-text {
		display: none;
	}

	.item-scan-icon {
		height: 10px;
		font-size: 0.8em;
	}

	#captions-list {
		margin-top: 0;
		bottom: 60px;
	}

	#captions-bottom {
		height: 65px;
	}

	#captions-bottom > * {
		display: block !important;
		float: none !important;
		width: 100%;
		text-align: center !important;
		padding: 4px;
	}

	#captions-container {
		top: 184px;
	}

	#main-drop:before {
		display: none;
	}

	.page-header > .row {
		padding: 0;
	}

	.page-header .row {
		height: 45px;
		background: white;
	}

	#link-upload-form {
		margin-right: 0 !important;
	}

	#main-menu {
		height: 0;
		padding-top: 0;
		margin-top: 0;

		float: none;
	}

	#right-menu {
		padding: 6px;
		margin-top: 0;
		padding-left: 35px;
	}

	#right-menu .right-menu-text-icon {
		display: none !important;
	}

	#top-wishlist-div {
		float: right;
		margin-right: 5px;
		position: static;
		margin-top: 6px;
		margin: 7px 17px 2px 2px;
		box-shadow: 0 0 4px #ddd;
		border-radius: 5px;
		border-bottom-width: 4px;
		padding: 8px;
		line-height: 15px;
	}

	div#wishlist-container {
		width: 100%;
		height: auto;
		top: 100px;
		left: 0;
		top: 0;
		z-index: 5;
		height: 100vh;
	}

	div#wishlist-container ul {
		padding: 0 25px;
	}

	div#wishlist-container .fa-star-half-o {
		float: left;
		margin: 13.4px;
	}

	div#wishlist-container .fa-close {
		display:block;
		float: right;
		padding: 5.2px;
		background: white;
		margin: 8px;
		box-shadow: 0 0 3px #aeaeae;
	}

	div#wishlist-container:before {
		display: none;
	}

	.icon-folder {
		margin-left: 11px;
	}

	div.advantage blockquote {
		width: auto;
		float: none;
	}

	.reveal-modal {
		min-width: inherit;
		width: 100vw !important;
	}

	#description-block, #video-block {
		display: none;
	}

	#description-block.shown, #video-block.shown {
		display: block;
	}

	#signup-form-tv.shown {
		display: block
	}

	#signup-block {
		display: none;
	}

	#signup-block.shown {
		display: block;
	}

	#signup-block form {
		display: none;
		height: 0;
		transition: 1.5s;
		opacity: 0;
	}

	#signup-block.shown form {
		display: block;
		height: auto;
		opacity: 1;
	}

	#welcome-logo {
		max-width: 230px;
		bottom: 81px;
		left: 50%;
		margin-left: -96px;
	}

	#welcome-logo + div {
		display: none;
	}

	#welcome-left-block {
		display: none;
	}

	#captions-list li div {
		margin-right: 10px;
	}

	.joyride-tip-guide[data-index="3"], .joyride-tip-guide[data-index="4"] {
		margin-left: inherit;
		margin-top: inherit;
	}

	.joyride-tip-guide[data-index="3"] .joyride-nub, .joyride-tip-guide[data-index="4"] .joyride-nub {
		margin-left: 85%
	}

	#skrill-modal {
		top: 0 !important;
		overflow: hidden;
	}

	#explainer-thumb {
		width: 200px;
		margin-left: -100px;
		margin-top: 140px;
		height: 114px;
		opacity: 1;
	}

	.torrent-status-indicator {
		margin-top: 0;
	}

	#beta-text {
		margin-top: 24px;
	}

	.setting-form input, .setting-form select {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	#captions-list button {
		display: none;
	}

	.signing-up {
		min-height: 1250px;
	}

	#home-description {
		position: absolute;
		bottom: -24px;
		/* font-weight: bold; */
		font-size: 11pt;
		width: 100%;
		padding-left: 40px;
		padding-right: 0;
	}

	.right-menu-text-icon {
		display: none;
	}

	.item-buttons {
		display: none !important;
	}

	body.main-drop-active {
		margin-left: 70%;
		background: white;
	}

	body.main-drop-active .page-header {
		left: 70%;
	}

	body.main-drop-active #menu-home {
		position: absolute;
		left: -65%;
		top: 15px;
		display: block !important;
	}

	#main-drop li {
		padding: 10px;
	}

	#menu-drop > i:after {
		display: none;
	}

	#menu-drop {
		margin-left: 0;
	}

	#main-drop {
		margin-top: 110px;
		box-shadow: rgba(0, 0, 0, 0.097) 0 0 3px;
		background: white;
		width: calc(100% - 40px);
		border: 1px #dedede solid;
		left: 20px;
	}

	.content-item a {
		color: #31ADD0;
	}

	#right-menu input[type='text'] {
		background: #fdfdfd;
		padding-left: 35px;
	}

	.progress.round {
		width: 115px;
		margin-right: 8px;
		height: 26px;
		font-size: 10pt;
		margin-bottom: -7px;
		line-height: 24px;
	}

	.progress.round .meter {
		height: 98%;
	}

	.torrent.warning .progress, .torrent.error .progress {
		width: 60px;
	}

	.content-item {
		padding: 0;
		padding-left: 10px;
		height: 67px;
		border-bottom: 3px solid #b7b7b7;
		overflow: hidden;
		margin: 0 8px 10px 8px;
		box-shadow: 0 0 9px rgba(0,0,0,0.18);
		width: auto;
		border-radius: 3px;
	}

	.content-item.folder {
		border-color:#ecbf35;
	}

	.content-item.torrent {
		border-color:black
	}

	.content-item.is_paused .progress.round {
		width: 100%;
	}

	.content-item.is_paused .content-item-size {
		display: none;
	}

	.content-item.is_paused .upgrade-to-resume {
		float: none !important;
		margin-top: 35px !important;
	}

	.content-item-text {
		font-size: 12px;
	}

	.s-icon-column {
		height: 65px;
	}

	.content-item[marked=true] .video-icon-bg:after, .content-item[marked=true] i:after {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		position: absolute;
		color: rgb(169, 71, 42);
		display: block;
		content: "\f00c";
		font-family: "FontAwesome";
		font-size: 15pt;
		text-align: right;
		padding-right: 5px;
		padding-top: 20px;
		text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}

	body[loggedin=true] #mobile-menu {
		/*display:block;*/
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 35px;
		background: #e5e5e5;
		z-index: 95;
		box-shadow: 0 -1px 2px #dedede;
	}

	#mobile-menu button {
		height: 27px;
		width: 27px;
		margin: 3px;
		padding: 0;
		border-radius: 5px;
	}

	.back-to-top {
		right: 50px;
		bottom: 0;
		width: 35px;
		height: 35px;
	}

	#mobile-space {
    display: block;
    position: relative;
    height: 37px;
    background: #FFFFFF;
    width: 100%;
    text-align: center;
    border-bottom: none;
    padding: 5px 0 2px 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
	}

	#mobile-space-span {
    position: absolute;
    line-height: 18px;
    font-size: 12px;
    color: black;
    text-align: LEFT;
    margin-left: 15px;
    width: 100%;
    font-family: "Open Sans";
    font-weight: 700;
	}

	.s-icon-column i {
		font-size: 40px;
	}

	.s-icon-column i.fi-page {
		font-size: 36px;
	}

	.video-icon-bg img {
		max-height: 100%;
	}

	.video-icon-bg {
		height: 29px;
		width: 32px;
		margin-top: 19px;
		margin-left: 0;
	}

	#link-upload-text {
		padding-left: 0;
		margin-right: 129px;
	}

	#link-upload-text input {
		padding-left: 25px;
	}

	.files-text {
		font-size: 14px;
	}

	.content-item:hover {
		background-color: transparent;
	}

	.content-item[marked=true] {
		background-color: #f6f6f0 !important;
	}

	#loading-div {
		top: 69px;
	}

	#welcome-tab button {
		width: 48%;
	}

	#more-div button {
		width: 100%
	}

	#body-login-button-new {
		float: left;
	}

	#open-signup-button {
		float: right;
		background: rgb(34, 108, 192);
		color: white;
		display: block;
		height: 45px;
	}

	#welcome-div-new {
		min-height: 520px;
	}

	#welcome-div-new input[type=text], #welcome-div-new input[type=password], #welcome-div-new input[type=email], #welcome-div-new small.error, #welcome-div-new input.button {
		width: 100%;
	}

	#welcome-div-new input[name=fullname] {
		width: 50%;
	}

	#youtube-play-link {
		display: block;
		background: #f1f1f1;
		line-height: 60px;
		text-align: center;
		color: black;
		position: absolute;
		top: 0;
		width: 100%;
		cursor: pointer;
		z-index: 2;
	}

	#youtube-play-link img {
		width: 48px;
		margin-right: 15px;
	}

	#welcome-logo-div, #welcome-buttons-div {
		width: 100%;
	}

	#welcome-buttons-div {
		position: absolute;
		bottom: 0;
		height: 72px;
		left: 0;
	}

	#welcome-div-new form {
		width: auto;
		padding-right: 11px;
	}

	#welcome-background {
		height: 58%
	}

	#welcome-logo-div {
		height: 42%;
		position: relative;
		padding-bottom: 19px;
		text-align: center;
	}

	.viewer-modal:not(.modal-minimized) {
		width: 100%;
		height: 100%;
		top: 0 !important;
		left: 0;
		margin: 0 !important;
		position: fixed;
		border: 0;
		border-radius: 0 !important;
	}

	#upload-button {
		float: right;
		margin-right: 5px;
		position: static;
		margin-top: 1px;
		box-shadow: 0 0 4px #ddd;
		border-radius: 5px;
		border-bottom-width: 4px;
		padding: 8px;
		line-height: 15px;
	}

	#link-results {
		width: 100%;
		position: static;
		display: none;
		box-shadow: none;
		height: calc(100vh - 65px);
		border-radius: 0px;
		border-right-width: 0px;
	}

	#link-results-content {
		background: white;
		height: 100%;
		max-height: 100%;
	}

	#link-results-content > div {
		padding: 15px;
		border-bottom: 1px solid #d0d0ec;
		border-radius: 0;
		background: white;
		box-shadow: none;
	}

	#file-browser {
	    margin-top: 80px;
	    box-shadow: none;
	    border-radius: 0;
	    padding-top: 0;
	}

	#menu-drop {
		background-color: #fcfcfc;
		border: none;
		color: black;
		margin-top: 2px;
		margin-left: 6px;
		margin-right: 5px;
		position: static;
		font-size: 19px;
		line-height: 34px;
		padding-right: 10px;
		padding-left: 10px;
	}

	#files-tab {
		background:white;
	}

	.minimize-reveal-modal {
		display: none;
	}

	#top-storage-div > * {
		display: none;
	}

	.account-name-container {
		display: block;
	}

	#account-name-contaner > * {
		display: none;
	}

	#account-image {
		display: none;
	}

	#main-menu {
		width: calc(100% - 90px);
	}

	#page-title {
		display: block;
		float: left;
		font-size: 13pt;
		line-height: 45px;
		width: calc(100% - 80px);
		height: 45px;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: left;
		margin-left: 8px;
		font-weight: 200;
	}

	#top-wishlist-div:before {
		top: 8px;
		right: 8px;
	}

	.viewer-modal {
		padding-top: 55px;
		padding-bottom: 5px;
	}

	.modal-title {
		font-size: 18px;
		width: 76%;
	}

	.close-reveal-modal {
		font-size: 2.4rem !important;
	}

	#video-modal-closed-captions {
		font-size: 1.7em;
		line-height: 1.1;
		right: 1.8em;
	}

	.page-header {
		padding: 0;
		background: #eaeaef;
		height: 45px;
	}

	.get-more-link {
		position: absolute;
		margin-right: 20px;
		/* visibility: hidden; */
		line-height: 18px !important;
		text-decoration: underline;
		color: blue;
		/* display: none; */
		font-size: 10px;
		right: 0;
		font-size: 14px;
	}

	#menu-home {
		display: none;
	}

	.support-button {
		padding-right: 0;
		margin-right: 0;
	}

	.signing-up {
		margin-top: 0;
	}

	#welcome-inner-top-row {
		padding-right: inherit;
	}

	#introduction-account {
		text-align: center;
	}

	#introduction-account > a {
		margin: 0 !important;
	}

	#right-menu.right-menu-open {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100vh;
		max-height: 100vh;
		margin-top: 0;
		background: white;
		padding: 6px !important;
		position: absolute;
		width: 100%;
		z-index: 99;
	}

	#right-menu.right-menu-open .right-menu-text-icon {
		display: block !important;
		position: relative;
	}

	#close-right-menu {
		left: 0;
	}

	footer {
		text-align: center;
	}

	footer a, footer button {
		display: block;
		width: 100%;
		clear: both;
		text-align: center;
		margin-bottom: 20px;
		padding-right: 0;
	}

	.content-link {
		display: block;
	}

	.overcast {
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	}

	.content-item > div.content-item-uploaded {
		float: left !important;
		padding-left: 15px;
		padding-right: 0;
		width: auto !important;
		color: #cccccc;
		padding-top: 17px;
	}

	.content-item > div.content-item-menu {
		display: block;
	}

	.content-item > div.content-item-filename {
		margin-top: -10px;
		color: #6a7a7a;
		font-size: 16px;
		width: auto;
		word-wrap: break-word;
		float: none;
		height: 30px;
		overflow: visible;
		margin-left: 33px;
		margin-right: 52px;
		padding-right: 0;
	}

	.content-item > div.content-item-size {
		padding-right: 0;
		padding-left: 0;
		float: left !important;
		margin-left: 5px;
		width: 70px !important;
		color: #6a7a7a;
		text-align: left !important;
		background-color: transparent;
	}

	.content-item > div.s-icon-column {
		float: left
		width: 30px;
		height: 45px;
		color: #353535;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		position: relative;
	}

	#main-drop {
		width: 69%;
		left: -70% !important;
		top: -42px;
		position: absolute;
		left: 0;
		border: 0;
		box-shadow: none;
		padding: 20px;
	}

	#main-drop > ul {
		padding: 0;
	}

	#search-menu {
		display: none;
	}

	.top-bar > :nth-child(1) {
		width: 170px !important;
	}

	.top-bar-section > ul {
		width: 200px;;
	}

	.top-bar-section > ul > li {
		width: 33px;
		padding-left: 0 !important;
		margin-left: 20px;
	}

	#folder-up .content-item-filename {
		margin-top: 9px;
	}

	#folder-up .s-icon-column {
		padding-top: 26px;
	}

	.top-bar-section > ul > li > a {
		width: 30px !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
		text-align: right;
	}

	/* .top-bar-section>ul>li>a img {
	height:14px;
	}*/
	#upload-nav-item a, #account-nav-item a {
		padding-right: 0 !important;
	}

	.searchbox {
		display: none !important;
	}

	#files-heading, .content-heading {
		display: none !important;
	}

	.top-bar-section > ul > li {
		float: left !important;
	}

	.files-margin-div {
		margin-left: 0;
		margin-right: 0;
	}

	.content-item {
		cursor: pointer;
	}

	#right-menu {

	}

	body[loggedin=true] #searchicon-nav-item {
		display: block;
	}

	#wrapper {
		min-width: 80%;
		width: 95%;
		margin: 0 auto 0;
		position: relative;
	}

	body[loggedin=false] #account-nav-item a {
		max-width: 768px;
		width: 110px !important;
		text-align: center;
	}

	#account-modal {
		min-height: 0;
		margin: 0;
		width: 100%;
		margin-top: 0;
		top: 0 !important;
		position: absolute !important;
		border-radius: 0;
		box-shadow: none;
		height: 100%;
		border-radius: 0;
		min-height: 480px;
	}

	#account-modal label > span {
		display: none;
	}

	#account-modal .close-reveal-modal {
		right: 0.25rem;
	}

	#account-modal small {
		font-size: 100%;
	}

	#account-modal small b {
		display: none;
	}

	#account-modal input[name=username] {
		margin-bottom: 0;
		border-bottom: 0;
	}

	#account-modal input[name=password] {
		border-top: 0
	}

	#account-modal input[name=password], #account-modal input[name=username] {
		font-size: 140%;
		height: 140%;
	}

	#sign-in-submit, #sign-in-cancel {
		width: 45%;
		width: calc(50% - 13px);
	}
}

@media all and (max-width: 640px) {

	#welcome-torrenting, #welcome-only-with {
		display: none;
	}

	.advantage-icon {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0 !important;
		padding-right: 0;
		width: 128px;
	}

	div.advantage h4 {
		text-align:center
	}

}

@media all and (max-width: 550px) {
	#login-separator {
		padding: 8px;
	}

	#welcome-div-new {
		min-height: 518px
	}

	#welcome-logo {
		bottom: 63px;
	}

	#content-item-filename {
		width: 80%;
	}

	#welcome-right-block {
		width: 90%;
	}

	#youtube-play-link {
		line-height: 32px;
	}

	#youtube-play-link img {
		width: 29px;
		margin-right: 15px;
	}

	#welcome-background {
		height: 68%
	}

	#welcome-logo-div {
		height: 32%;
	}

	#welcome-logo {
		max-width: 150px;
		margin-left: -70px;
	}

	#welcome-buttons-div {
		padding-right: 10px;
		padding-left: 0;
		height: 58px;
	}

	#welcome-tab input[type=submit] {
		line-height: 1;
		border: 1px solid #72AAEA;
	}

	#drop-torrents-here {
		width: 110%;
		margin-left: -10%;
		text-align: center;
		border-bottom: 2px dashed #4B88CF;
		padding-bottom: 10px;
		margin-top: 4px;
	}
}

@media all and (max-width: 390px) {
	#login-recaptcha {
		transform: scale(0.77);
		-webkit-transform: scale(0.77);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		width: 235px;
	}

	#login-recaptcha-container {
		height: 64px;
		text-align: center
	}

	#account-modal label {
		text-align: center;
	}

	#menu-home > span {
		font-size: 8pt !important;
	}

	/*#menu-home>#home-link img {
	width:70px;
	}*/
	.friend-list button {
		padding: 1px !important;
		font-size: 0.65rem !important;
	}

	#right-menu {
		width: 50px;
	}

	#top-login-button {
		margin-left: -25px;
	}
}

@media all and (max-width: 350px) {
	.content-item > div.content-item-uploaded {
		display: none;
	}
}

@media all and (min-width: 800px) and (max-width: 1150px) {

	#account-modal {
		left: 50%;
		margin-left: -25%;
		width: 50%;
	}

}

/* speed fix */

.reveal-modal-bg, .reveal-modal {
	transform: translateZ(0);
	backface-visibility: hidden;
}

.reveal-modal {
	-moz-animation-name: dropLoad;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.4s;

	-webkit-animation-name: dropLoad;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.4s;

	animation-name: dropLoad;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.4s;
}

.reveal-modal-bg {
	-moz-animation-name: fadeIn;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 0.3s;

	-webkit-animation-name: fadeIn;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 0.3s;

	animation-name: fadeIn;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}

@-moz-keyframes dropModal {
	0% {
		-moz-transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@-webkit-keyframes dropModal {
	0% {
		-webkit-transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes dropModal {
	0% {
		transform: translateY(-50px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.seedr-loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgb(119, 183, 255);
	border-right: 1.1em solid rgb(119, 183, 255);
	border-bottom: 1.1em solid rgb(119, 183, 255);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

.seedr-loader,
.seedr-loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.seedr-loader-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 5;
	display: none;
	transition: 0.2;
	opacity: 0;
}

.seedr-loader-container.shown {
	opacity: 1;
	display: block
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}