@import "https://fonts.googleapis.com/css?family=Rock+Salt";
html {
	position: relative;
	min-height: 100%
}

body {
	margin-bottom: 60px;
	background-color: #ecf0f5
}

.btn {
	border-radius: 2px
}

.form-control {
	border-radius: 2px
}

.padding-msg {
	padding: 10px 0
}

.download-buttons {
	margin-top: 5px
}

.margin-top-2 {
	margin-top: 2px
}

.margin-top-3 {
	margin-top: 3px
}

.margin-top-4 {
	margin-top: 4px
}

.margin-top-5 {
	margin-top: 5px
}

.margin-top-8 {
	margin-top: 8px
}

.margin-top-10 {
	margin-top: 10px
}

.margin-bottom-10 {
	margin-bottom: 10px
}

.padding-right-10 {
	padding-right: 10px
}

.bluebar {
	background-color: #204d74!important;
	border-color: #3c8dbc!important;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.bluebar .navbar-brand {
	color: #fff;
	font-family: rock salt, cursive;
	text-transform: none;
	text-shadow: 3px 3px 1px #0073b7
}

@media(min-width:768px) {
	.navbar>.container-fluid .navbar-brand {
		margin-left: -10px
	}
}

@media(max-width:486px) {
	.navbar-brand {
		font-size: 12px
	}
	.navbar-nav>li>a {
		color: #fff;
		font-size: 12px
	}
}

@media(max-width:390px) {
	.navbar-brand {
		font-size: 14px
	}
	.navbar-nav>li>a {
		color: #fff;
		font-size: 14px
	}
}

@media(max-width:360px) {
	.navbar-brand {
		font-size: 9px
	}
	.navbar-nav>li>a {
		color: #fff;
		font-size: 14px
	}
}

@media(max-width:1375px) {
	.navbar-brand {
		font-size: 12px
	}
	.navbar-nav>li>a {
		color: #fff;
		font-size: 12px
	}
}

.bluebar .navbar-brand:hover,
.bluebar .navbar-brand:focus {
	color: #fff;
	background-color: transparent
}

.bluebar .navbar-brand:hover,
.bluebar .navbar-brand:focus {
	color: #fff;
	background-color: transparent
}

.bluebar .navbar-text {
	color: #fff
}

.bluebar .navbar-nav>li>a {
	color: #fff
}

.bluebar .navbar-nav>li>a:hover,
.bluebar .navbar-nav>li>a:focus {
	color: #fff;
	background-color: #183b5a!important
}

.bluebar .navbar-nav>.active>a,
.bluebar .navbar-nav>.active>a:hover,
.bluebar .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #045d92!important;
	display: block;
	-webkit-box-shadow: inset 0 -4px 8px -3px rgba(13, 203, 250, .79);
	-moz-box-shadow: inset 0 -4px 8px -3px rgba(13, 203, 250, .79);
	box-shadow: inset 0 -4px 8px -3px rgba(13, 203, 250, .79)
}

.bluebar .navbar-nav>.disabled>a,
.bluebar .navbar-nav>.disabled>a:hover,
.bluebar .navbar-nav>.disabled>a:focus {
	color: #ccc;
	background-color: transparent
}

.bluebar .navbar-toggle {
	border-color: #2e5a96
}

.bluebar .navbar-toggle:hover,
.bluebar .navbar-toggle:focus {
	background-color: #0073b7!important
}

.bluebar .navbar-toggle .icon-bar {
	background-color: #fff
}

.bluebar .navbar-collapse,
.bluebar .navbar-form {
	border-color: #fff!important
}

.bluebar .navbar-nav>.open>a,
.bluebar .navbar-nav>.open>a:hover,
.bluebar .navbar-nav>.open>a:focus {
	color: #fff;
	background-color: #045d92!important;
	border-left: 1px solid #0073b7;
	border-right: 1px solid #0073b7
}

#menuPageLinks i {
	margin-right: 4px
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #204d74!important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dropdown-menu.pull-right {
	right: 0;
	left: auto
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #045d92!important
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #183b5a!important
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #045d92!important;
	outline: 0
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
	color: #fff
}

@media(max-width:767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #fff;
		background-color: transparent
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
		color: #fff;
		background-color: #045d92!important
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
		color: #fff;
		background-color: transparent
	}
}

.converter-box {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	border-radius: 2px;
	margin-top: 50px;
	margin-bottom: 100px;
	padding-bottom: 30px
}

.converter input {
	line-height: 50px;
	min-height: 50px!important;
	padding: 15px!important;
	border: 1px 1px 0 1px solid #d2d6de!important;
	outline: 0!important;
	margin-bottom: 10px;
	-webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, .1);
	-moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, .1);
	box-shadow: inset 0 5px 5px rgba(0, 100, 100, .1)
}

.converter input:focus {
	border: 1px 1px 0 1px solid #d2d6de!important;
	border-color: #ccc;
	-webkit-box-shadow: inset 5px 5px 5px rgba(0, 100, 100, .1);
	-moz-box-shadow: inset 0 5px 5px rgba(0, 100, 100, .1);
	box-shadow: inset 0 5px 5px rgba(0, 100, 100, .1)
}

.example-urls {
	margin-top: 5px;
	word-break: break-all
}

.urls {
	font-weight: 700;
	color: #1c73bd
}

.siteNames {
	color: #1c73bd
}

.file-type-text {
	font-weight: 700
}

#toggleOptionsDisplay {
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer
}

.ui-slider-horizontal .ui-state-default {
	background: #4d94db
}

#cancel_convert_button span {
	cursor: pointer
}

#progress-bar {
	line-height: 45px;
	border-radius: 7px;
	padding: 15px!important;
	background-color: #131313!important;
	border: none!important;
	outline: none!important;
	box-shadow: none!important
}

#progress {
	background-color: #0099da;
	color: #fff;
	padding: 5px;
	font-size: 14px;
	text-align: center;
	float: left;
	width: 0;
	line-height: 10px;
	margin-top: -10px
}

@-webkit-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@-o-keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	from {
		background-position: 40px 0
	}
	to {
		background-position: 0 0
	}
}

.progress-striped {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

@media(min-width:900px) {
	.converter {
		padding: 30px 75px 10px
	}
	.converter select {
		width: 40%;
		margin: auto;
		display: inline-block
	}
	.converter #ftype {
		width: 40%
	}
	.converter #volumeSlider {
		width: 60%
	}
	.editor {
		padding: 30px 60px 10px
	}
}

@media(max-width:899px) {
	.converter {
		padding: 30px 40px 10px
	}
	.converter select {
		width: 40%;
		margin: auto;
		display: inline-block
	}
	.converter #ftype {
		width: 50%
	}
	.converter #volumeSlider {
		width: 50%
	}
	.editor {
		padding: 30px 50px 10px
	}
}

@media(max-width:760px) {
	.converter #videoURL {
		width: 100%
	}
	.converter {
		padding: 30px 50px 10px
	}
	.converter select {
		width: 50%;
		margin: auto;
		display: inline-block
	}
	h3 {
		font-size: 16px
	}
	.converter #ftype {
		width: 50%
	}
	.converter #volumeSlider {
		width: 50%
	}
	.editor {
		padding: 30px 50px 10px
	}
}

@media(max-width:430px) {
	.converter #videoURL {
		width: 100%;
		z-index: 1
	}
	.converter {
		padding: 30px 50px 10px
	}
	.converter select {
		width: 70%;
		margin: auto;
		display: inline-block
	}
	h3 {
		font-size: 16px
	}
	.converter #ftype {
		width: 75%
	}
	.converter #volumeSlider {
		width: 50%
	}
	.editor {
		padding: 3px 5px 1px
	}
}

.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
	border-radius: 2px;
	margin-bottom: 15px
}

.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 91px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, .2)
}

@media(max-width:1200px) {
	.info-box-icon {
		height: 90px
	}
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 90px
}

.info-box-header {
	display: block;
	font-weight: 700;
	font-size: 15px
}

.info-box-text {
	font-size: 14px
}

.info-box-mobile-fix {
	margin-bottom: 125px
}

.supported-portals {
	text-align: center;
	margin: 0 0 18px
}

.supported-portals div {
	display: inline-block;
	vertical-align: middle;
	float: none
}

.supported-portals div:first-child,
.supported-portals div:nth-child(11) {
	vertical-align: -5px
}

.supported-portals div:nth-child(10) {
	vertical-align: -12px
}

.supported-portals div:nth-child(9),
.supported-portals div:nth-child(12) {
	vertical-align: -9px
}

.supported-portals div:nth-child(2),
.supported-portals div:nth-child(5),
.supported-portals div:nth-child(13) {
	vertical-align: -10px
}

.supported-portals div:nth-child(14) {
	vertical-align: -16px
}

.supported-portals div:nth-child(15) {
	vertical-align: -7px
}

.supported-portals i {
	font-size: 30px;
	line-height: 36px;
	margin-right: 8px
}

#youtube {
	color: #e52d27;
	margin-left: 9px
}

#facebook {
	color: #3b5998
}

#instagram {
	color: #3f729b
}

#soundcloud {
	color: #f70
}

#vimeo {
	color: #4ebbff
}

#vk {
	color: #45668e
}

#dailymotion {
	font-size: 35px;
	color: #e5ca1b
}

#metacafe {
	color: #f79727
}

#aol {
	color: #000
}

#redtube {
	font-size: 36px;
	color: #d21f57
}

#xvideos {
	font-size: 32px;
	color: red
}

#pornhub {
	color: orange
}

#vevo {
	color: #fb0065
}

#googledrive {
	font-size: 42px;
	color: #1ea362;
	margin-left: -6px
}

#twitter {
	color: #349cf2;
	margin-left: -6px
}

.social-buttons {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
	font-family: helvetica neue, Verdana, Helvetica, Arial, sans-serif;
	text-align: center
}

.social-buttons .st-btn {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: opacity .2s ease-in, top .2s ease-in;
	-ms-transition: opacity .2s ease-in, top .2s ease-in;
	-o-transition: opacity .2s ease-in, top .2s ease-in;
	-webkit-transition: opacity .2s ease-in, top .2s ease-in;
	transition: opacity .2s ease-in, top .2s ease-in;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	height: 20px;
	line-height: 32px;
	margin-right: 4px;
	padding: 0 4px;
	position: relative;
	text-align: center;
	top: 1px;
	vertical-align: top;
	white-space: nowrap;
	color: #fff
}

.social-buttons .st-btn:first-child {
	top: 8px;
}

.social-buttons .st-btn:first-child,
.social-buttons .st-btn:last-child {
	margin-right: 0
}

.social-buttons .st-btn>svg {
	height: 16px;
	width: 16px;
	position: relative;
	top: 2px;
	vertical-align: top
}

.social-buttons .st-btn>span {
	position: relative;
	top: -6px;
	left: -2px
}

.social-buttons .st-btn:hover {
	opacity: .8;
	top: -4px
}

.social-buttons .st-btn[data-network=facebook] .fb-like {
	position: relative;
	top: -11px;
	left: -7px;
	margin-right: -7px
}

.social-buttons .st-btn[data-network=googleplus] {
	background-color: #dc4e41
}

.social-buttons .st-btn[data-network=twitter] {
	background-color: #1da1f2
}

.copyright {
	float: right;
	padding-right: 15px;
	font-weight: 700;
	padding-top: 10px
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 45px;
	background-color: #f5f5f5;
	border-top: 1px #eaeaea solid
}

@media(max-width:520px) {
	.social-buttons {
		padding-top: 15px;
		padding-left: 0;
		float: none;
		text-align: center
	}
	.copyright {
		float: none;
		padding-right: 0;
		font-weight: 700;
		padding-top: 10px;
		text-align: center
	}
	.footer {
		height: 80px;
		z-index: 10000
	}
}

#slider_div {
	padding: 5px;
	position: relative
}

#slider_div #player_header #player_buttons {
	width: 105px;
	float: left
}

#slider_div .ui-slider-horizontal .ui-state-default {
	background: url(/i/yesdownloader.com/css/images/slider_20x23.png) no-repeat scroll 50% 50%;
	border: 0
}

#slider_div #icons {
	margin: 0 0 5px;
	padding: 0
}

#slider_div #icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	float: left;
	list-style: none;
	font-family: Verdana;
	font-size: 11px;
	color: #999;
	top: 3px
}

#slider_div #icons li[id=button-line]:hover,
#slider_div #icons li[id=jplayer_play_time]:hover,
#slider_div #icons li[id=jplayer_total_time]:hover {
	border: 0;
	background: 0 0
}

#slider_div #icons span.ui-icon {
	float: left;
	margin: 0 4px;
	font: normal normal normal 10px/12px sans-serif;
	color: #222;
	padding: 8px
}

#slider_div #icons span.ui-icon.ui-icon-volume-off,
#slider_div #icons span.ui-icon.ui-icon-volume-on {
	font: normal normal normal 11px/13px sans-serif;
	position: relative
}

#slider_div #player_header #cropping_times {
	float: right;
	text-align: right;
	padding-top: 3px;
	margin-top: 5px;
	margin-right: 2px
}

#slider_div #player_header #cropping_times span {
	margin: -2px 1px 0 0;
	font: 11px/25px Verdana, Arial;
	color: #000;
	padding: 0 7px;
	display: inline-block
}

#slider_div #player_header #cropping_times span span {
	font-weight: 700;
	display: inline;
	background: 0 0;
	border: 0;
	margin: 0;
	padding: 0
}

#slider_div #player_header #cropping_times img {
	vertical-align: sub;
	cursor: help
}

#slider_div .ui-progressbar {
	overflow: visible
}

#slider_div .ui-progressbar .ui-progressbar-value {
	margin: 0
}

#slider_div #player_container {
	position: relative;
	border: 1px solid #009be3;
	padding: 15px;
	height: 100px
}

#slider_div #loading_player {
	display: none;
	background-color: rgba(249, 249, 249, .4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30000
}

#slider_div #loading_player #loading_container {
	height: 100%;
	width: 100%;
	display: table-cell;
	vertical-align: middle
}

#slider_div #loading_player #loading_content {
	height: 80px;
	width: 240px;
	background-color: #f9f9f9;
	border: 1px solid #333;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	position: relative
}

#slider_div #loading_player #close_button {
	font: normal 15px/15px Verdana, Arial;
	width: 15px;
	height: 15px;
	cursor: pointer;
	position: absolute;
	top: 6px;
	left: 219px;
	color: #555
}

#slider_div #loading_player #loading_content p {
	width: 235px;
	margin: 10px 0
}

#slider_div #sliderVolume {
	position: absolute;
	top: 30px;
	left: 480px;
	width: 120px;
	height: .4em
}

#slider_div .sliderPlayback {
	height: 64px;
	background-position: 0 -18px;
	border: 1px solid #aaa;
	background-image: url(/i/yesdownloader.com/css/images/1223.png);
	color: #222
}

#slider_div .sliderPlayback2 {
	height: 7px;
	border: 1px solid #aaa;
	color: #222;
	position: relative;
	z-index: 1000
}

#slider_div #loaderBar {
	height: .4em;
	border: 1px solid #dadada
}

#slider_div .jquery_jplayer {
	border: 1px solid #ccc;
	position: relative;
	z-index: 900;
	background-color: #000
}

.video-player-content {
	height: 500px
}

@media(max-width:1200px) {
	.video-player-content {
		height: 580px
	}
}

@media(max-width:980px) {
	.video-player-content {
		height: 480px
	}
}

@media(max-width:870px) {
	.video-player-content {
		height: 450px
	}
}

@media(max-width:760px) {
	.video-player-content {
		height: 420px
	}
}

@media(max-width:600px) {
	.video-player-content {
		height: 380px
	}
}

@media(max-width:480px) {
	.video-player-content {
		height: 350px
	}
}

@media(max-width:400px) {
	.video-player-content {
		height: 300px
	}
}

@media(max-width:330px) {
	.video-player-content {
		height: 350px
	}
}

#id3_editor_Instructions {
	margin: 80px 0 0
}

@media(max-width:330px) {
	#id3_editor_Instructions {
		margin: 120px 0 0
	}
}

#id3_editor_container {
	text-align: left;
	font-size: 12px;
	padding: 7px 20px 15px;
	margin-top: 25px
}

#id3_editor_container .lineContainer {
	margin-bottom: 5px
}

#id3_editor_container .label,
#id3_editor_container .label2 {
	float: left;
	max-height: 20px;
	padding: 4px 2px 2px 5px;
	width: 51px
}

#id3_editor_container .label2 {
	width: auto;
	padding: 4px 9px 2px
}

#id3_editor_container .sameline,
#id3_editor_container #genreLine,
#id3_editor_container #yearLine,
#id3_editor_container #trackLine,
#id3_editor_container #albumLine {
	float: left
}

#id3_editor_container select,
#id3_editor_container input {
	margin: 0;
	text-indent: 0
}

#id3_editor_container select {
	padding-left: 6px
}

#id3_editor_container input {
	padding-left: 10px
}

#id3_editor_container .sameline input {
	width: 100%
}

#id3_editor_container #yearLine select {
	width: 60%;
	-webkit-max-logical-width: 60%
}

#id3_editor_container #yearLine {
	width: 98px
}

#id3_editor_container #genreLine select {
	width: 235px
}

#id3_editor_container #trackLine select {
	width: 80px
}

#id3_editor_container #albumLine input {
	width: 229px
}

#pressing {
	margin: 18px 0 0
}

#convertingResults {
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.pressing {
	background: #dadada url(/i/yesdownloader.com/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	display: block;
	cursor: pointer;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Verdana;
	font-size: 12px;
	color: #999;
	text-decoration: none
}

.pressing:hover {
	background-color: #e6e6e6;
	color: #555;
	border: 1px solid #aaa
}

#slider_div .ui-widget-header {
	border: 1px solid #aaa;
	background: #6dc6fb;
	opacity: .5;
	filter: alpha(opacity=50);
	color: #222;
	font-weight: 700
}

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-waring,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	color: #fff!important
}

.bg-white {
	background-color: #fff!important
}

.bg-gray {
	color: #000;
	background-color: #d2d6de!important
}

.bg-light-gray {
	background-color: #ededed!important
}

.bg-black {
	background-color: #111!important
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
	background-color: #dd4b39!important
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-waring,
.modal-warning .modal-body {
	background-color: #f39c12!important
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
	background-color: #00c0ef!important
}

.bg-aqua-light {
	background-color: #5bc0de!important
}

.bg-blue {
	background-color: #0073b7!important
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
	background-color: #3c8dbc!important
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
	background-color: #00a65a!important
}

.bg-navy {
	background-color: #001f3f!important
}

.bg-teal {
	background-color: #39cccc!important
}

.bg-olive {
	background-color: #3d9970!important
}

.bg-lime {
	background-color: #01ff70!important
}

.bg-orange {
	background-color: #ff851b!important
}

.bg-fuchsia {
	background-color: #f012be!important
}

.bg-purple {
	background-color: #605ca8!important
}

.bg-maroon {
	background-color: #d81b60!important
}

.bg-gray-active {
	color: #000;
	background-color: #b5bbc8!important
}

.bg-black-active {
	background-color: #000!important
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	background-color: #d33724!important
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
	background-color: #db8b0b!important
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
	background-color: #00a7d0!important
}

.bg-blue-active {
	background-color: #005384!important
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
	background-color: #357ca5!important
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
	background-color: #008d4c!important
}

.bg-navy-active {
	background-color: #001a35!important
}

.bg-teal-active {
	background-color: #30bbbb!important
}

.bg-olive-active {
	background-color: #368763!important
}

.bg-lime-active {
	background-color: #00e765!important
}

.bg-orange-active {
	background-color: #ff7701!important
}

.bg-fuchsia-active {
	background-color: #db0ead!important
}

.bg-purple-active {
	background-color: #555299!important
}

.bg-maroon-active {
	background-color: #ca195a!important
}

[class^=bg-].disabled {
	opacity: .65;
	filter: alpha(opacity=65)
}

.text-red {
	color: #dd4b39!important
}

.text-yellow {
	color: #f39c12!important
}

.text-aqua {
	color: #00c0ef!important
}

.text-blue {
	color: #0073b7!important
}

.text-black {
	color: #111!important
}

.text-light-blue {
	color: #3c8dbc!important
}

.text-green {
	color: #00a65a!important
}

.text-gray {
	color: #515151!important
}

.text-navy {
	color: #001f3f!important
}

.text-teal {
	color: #39cccc!important
}

.text-olive {
	color: #3d9970!important
}

.text-lime {
	color: #01ff70!important
}

.text-orange {
	color: #ff851b!important
}

.text-fuchsia {
	color: #f012be!important
}

.text-purple {
	color: #605ca8!important
}

.text-maroon {
	color: #d81b60!important
}

.text-withe {
	color: #fff!important
}

#Custom_nav .navbar-default {
	background-color: unset!important;
	border-color: transparent!important
}

#Custom_nav .navbar {
	margin-bottom: unset!important
}

#Custom_nav .navbar-brand img {
	max-height: 60px
}

#Custom_nav .navbar-default .navbar-collapse,
.navbar-default {
	margin-top: 20px
}

#Custom_nav #menuPageLinks {
	text-align: left
}

.btn-scc {
	background-color: #28a745;
	border-color: #1e7e34;
	color: #fff
}

.btn-scc:hover {
	color: #fff!important;
	background-color: #218838!important;
}

.btn-success {
	background-color: transparent;
	border-color: grey;
	color: #000
}

#ads_desktop {
	display: block
}

#ads_mobile {
	display: none
}

@media only screen and (max-width:768px) {
	#ads_desktop {
		display: none
	}
	#ads_mobile {
		display: block
	}
}

.suggestlang {
	text-align: center;
	border-bottom: 1px solid #aaa;
	padding: 10px;
	display: none;
}

#loading-message {
	margin-top: 40px;
	padding-bottom: 0px!important;
	margin-bottom: 0px!important;
	display: none;
	padding: 0;
	text-align: center;
	overflow: hidden
}

#loading-message .status {
	text-align: center;
	font-size: 21px;
	color: #fff;
	padding-top: 20px
}

.loader {
	font-size: 5px;
	display: inline-block;
	margin: 0 auto;
	text-indent: -9999em;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #f90;
	background: linear-gradient(to right, red 10%, rgba(2, 4, 1, 0) 42%);
	position: relative;
	animation: load3 1.4s infinite linear;
	transform: translateZ(0)
}

.loader:before {
	width: 50%;
	height: 50%;
	background: red;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: ''
}

.loader:after {
	background: #fff;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

@keyframes load3 {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.error-msg {
	background-color: #f2dede;
	max-width: 600px;
	margin: auto;
	padding: 10px;
	padding-top: 15px;
	color: #000;
	font-size: 16px;
	border-radius: 5px;
}

.success-msg {
	background-color: #dff0d8;
	max-width: 600px;
	margin: auto;
	padding: 10px;
	padding-top: 15px;
	color: #000;
	font-size: 16px;
	border-radius: 5px;
}

.error-msg a {
	color: #000;
}

.searchsection {
	padding-bottom: 10px;
	margin: auto;
}

.dsection h2,
.searchsection h2 {
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: underline;
}

.dsection h3,
.searchsection h3 {
	font-size: 14px;
	margin-bottom: 20px;
	text-align: left;
	font-weight: bold;
}

.dpage {
	max-width: 900px;
	margin: auto;
	padding-bottom: 40px;
}

.dpage:after {
	content: "";
	display: table;
	clear: both
}

.dpage .thumbdiv {
	max-width: 350px;
	float: left;
	padding-bottom: 30px;
}

.dpage .thumb {
	width: 100%;
	padding-bottom: 10px;
}

.dpage .selection {
	width: 520px;
	float: right;
}

#dtable .loader {
	margin-top: 30px;
	margin-bottom: 10px
}

#dtable .error-msg {
	margin-top: 50px!important;
	margin-bottom: 60px!important
}

#dtable .notice-msg {
	text-align: left;
	font-size: 15px;
	padding-top: 17px;
	font-weight: 400;
	background-color: #e0180b;
	margin: auto;
	padding: 15px;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 30px
}

#dtable .htmldownloader {
	text-align: center
}

#dtable .htmldownloader a {
	color: #fff;
	font-weight: 700
}

#dtable .success-msg {
	text-align: left;
	font-size: 15px;
	padding-top: 17px;
	font-weight: 400;
	background-color: green;
	margin: auto;
	padding: 15px;
	color: #fff;
	border-radius: 3px;
	margin-bottom: 30px
}

#dtable .success-msg h3 {
	padding-bottom: 0
}

#dtable .success-msg p {
	margin-top: 20px;
	margin-bottom: 5px
}

#dtable .success-msg a {
	color: #fff;
	font-weight: 700
}

.dpage table {
	width: 100%;
	margin: auto;
	border-spacing: 0;
	margin-top: 40px
}

.dpage td {
	width: 33%;
	text-align: center;
	padding: 10px 0
}

.dpage tr:not(:first-child) td {
	border-top: 1px solid #eee;
}

.dpage .hint {
	font-size: 13px;
	text-align: center;
	margin: auto;
	margin-top: 30px
}

.dpage .sphint {
	font-size: 13px;
	margin: auto;
	margin-top: 20px;
	text-align: left;
	color: red;
}

.dpage .hint-dlpage {
	text-align: left!important;
}

.dpage .hint p {
	margin-bottom: 20px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.dpage .hint b {
	color: #fff
}

.dpage .hint .orange,
.dpage .hint .orange b {
	color: black!important
}

.itg {
	padding-top: 20px!important;
}

.itg .itg-headline {
	font-weight: bold;
	padding-bottom: 10px;
}

.itgban1 {
	max-width: 904px;
	max-height: 149px;
}

.itgsmaller {
	max-width: 700px;
}

.dpage .dlbtn-big,
.e2 .dlbtn-big,
.itg .dlbtn-big {
	font-weight: 700;
	font-size: 14px;
	background-color: #f90;
	padding: 7px 14px;
	border-radius: 2px;
	color: #000;
	text-decoration: none;
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
}

.dpage .dlbtn-big:hover,
.e2 .dlbtn-big:hover,
.dlbtn-itube:hover,
.itg .dlbtn-big:hover {
 background-color:#e9000c;
 text-decoration:none
}

.e2 .dlbtn-big:before {
	color: #000;
	font-family: "font awesome 5 pro";
	content: "\f358";
	padding-right: 10px;
	font-size: 20px;
}

.e2 .dlbtn-big {
	font-size: 16px;
	padding: 10px 20px;
}

.dlbtn-itube {
	font-weight:700;
	padding:7px 14px;
	border-radius:2px;
	color:#fff!important;
	text-decoration:none;
	background-color:red;
}

.dlpage-tt1 {
	max-width: 800px;
	margin: auto
}

.searchkey {
	color: red;
}

.subpage {
	width: 930px;
	margin: auto;
	font-size: 14px;
	text-align: justify
}

.subpage h1 {
	text-align: center;
	padding-bottom: 20px
}

.subpage h2 {
	padding-top: 20px;
	padding-bottom: 5px
}

.subpage h3 {
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 16px
}

.subpage ul {
	padding-left: 20px
}

.subpage ul,
.subpage p {
	padding-top: 10px;
	padding-bottom: 10px
}

.it1 {
	text-align: left;
	margin-top: 20px;
	border: 2px solid red;
	padding: 10px;
	font-size: 14px;
}

.it2 {
	width: 500px;
	margin: auto;
}

.it1-hdline {
	text-decoration: underline;
	font-weight: 700;
	font-size: 16px
}

.it1-btn-plc {
	text-align: center
}

.it1-btn {
	font-weight: 700;
	background-color: #b10326;
	border-radius: 3px;
	color: #fff!important;
	text-decoration: none;
	display: inline-block;
	padding: 10px 14px;
	text-align: center;
	width: auto;
	margin: auto;
	margin-top: 20px;
	font-size: 18px
}

.it1-btn:hover {
	background: #000!important;
	color: #fff!important;
	text-decoration: none!important
}

#wappBtn {
	padding: 10px 20px;
	-webkit-animation: wappblink 5s infinite;
	-moz-animation: wappblink 5s infinite;
	-o-animation: wappblink 5s infinite;
	animation: wappblink 5s infinite;
	border: 2px solid #f90;
	position: absolute;
	top: 163px;
	right: 0;
	font-size: 18px;
	cursor: pointer;
	font-weight: 700;
	background: #f90;
	color: blue;
	z-index: 55;
	border-radius: 3px
}

#wappBtn:hover {
	border: 2px solid red!important
}

.wappHide {
	display: none
}

@-webkit-keyframes wappblink {
	0%,
	49% {
		color: #000
	}
	50%,
	100% {
		color: #fff
	}
}

.itfloater {
	display: none;
	width: 630px;
	background: #fff;
	border-radius: 15px;
	border: 4px solid red;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -290px;
	margin-left: -325px;
}

.itfloater_close:before {
	content: "\f00d";
}

.itfloater_close {
	font-size: 24px;
	font-family: "font awesome 5 free";
	font-weight: bold;
	color: #999;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}

.itfloater_headline {
	font-size: 26px;
	text-align: center;
	color: black;
	font-weight: bold;
}

.itfloater_ph {
	text-transform: uppercase;
	font-weight: bold;
	color: #ff9900;
}

.itfloater_images {
	height: 156px;
	width: 560px;
	margin: auto;
	margin-top: 30px;
}

.itfloater_images:after {
	content: "";
	display: table;
	clear: both
}

.itfloat_area_img {
	height: 155px;
	width: 240px;
	float: left;
}

.itfloat_area_txt {
	width: 294px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}

.itfloat_area {
	display: none;
}

.itfloat_area_count {
	float: left;
	width: 40px;
	height: 70px;
}

.itfloat_area_txtr {
	float: left;
	width: 254px;
}

.itfloat_area_txtr:after {
	content: "";
	display: table;
	clear: both
}

.itfloat_area_count_btn {
	background-color: #38a169;
	color: #fff;
	text-align: center;
	padding: 5px;
	padding-top: 7px;
	border-radius: 5px;
	font-size: 20px;
	width: 20px;
	font-weight: bold;
}

.itfloat_area_txt_hd {
	font-size: 26px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 12px;
	line-height: 23px;
}

.itfloat_area_txt_txt {
	font-size: 17px;
	line-height: 22px;
}

.itfloat_prev1 .itfloat_area_img {
	background: url(/i/itubego/assets/images/step-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.itfloat_prev2 .itfloat_area_img {
	background: url(/i/itubego/assets/images/step-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.itfloat_prev3 .itfloat_area_img {
	background: url(/i/itubego/assets/images/step-3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.itfloat_prev4 .itfloat_area_img {
	background: url(/i/itubego/assets/images/step-4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.itfloater_args {
	margin: auto;
	margin-top: 30px;
	width: 350px;
}

.itfloater_args_two {
	margin: auto;
	margin-top: 20px;
	margin-left: 40px;
	width: 250px;
	float: left;
}

.itfloater_row:after {
	content: "";
	display: table;
	clear: both
}

.itfloater_args_two .itfloater_row {
	margin-top: 3px;
}

.itfloater_icon {
	background-image: url(/i/option-3.svg);
	background-size: cover;
	width: 50px;
	height: 50px;
	float: left;
}

.itfloater_args_two .itfloater_icon {
	width: 25px;
	height: 25px;
}

.itfloater_label {
	font-size: 20px;
	padding-top: 17px;
	float: left;
	margin-left: 20px;
}

.itfloater_args_two .itfloater_label {
	font-size: 16px;
	margin-left: 10px;
	padding-top: 5px;
}

.itfloater_btn {
	text-align: center;
}

.itfloater_btn a {
	font-weight: 700;
	background-color: #31a51a;
	border-radius: 3px;
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	padding: 10px 14px;
	text-align: center;
	width: auto;
	margin: auto;
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.itfloater_btn a:hover {
	background-color: #298616;
}


.itbrstk {
	z-index: 99999999;
	width: 308px;
	height: 95px;
	position: fixed;
	right: 15px;
	bottom: 40px;
	background-color: #e9000c;
	border-radius: 10px;
}

.itbrstk a {
	font-family: Arial;
	display: block;
	text-decoration: none;
	background: url(/i/itubego/itubego-icon-1.png) no-repeat;
	background-size: 60px;
	background-position: 18px 18px;
	padding-left: 90px;
	padding-top: 17px;
	padding-bottom: 10px;
	color: #fff;
}

.itbrstk .itbrstk-txt1 {
	font-size: 19px;
	font-weight: bold;
}

.itbrstk-txt2 {
	font-size: 24px;
	font-weight: bold;
	padding-top: 8px;
}

.hhban {
	max-width: 728px;
	max-height: 90px;
}

.hhbanmob {
	max-width: 300px;
	max-height: 100px;
}

.contact {
	max-width: 900px;
	margin: auto;
	border-radius: 5px;
	padding: 20px
}

.contact .error-msg,
.contact .success-msg {
	max-width: unset;
	margin-bottom: 20px
}

.contact input[type=text],
.contact select,
.contact textarea {
	width: 100%;
	padding: 12px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 14px;
	color: #000;
	font-family: Helvetica, Arial;
	line-height: unset;
	min-height: unset;
}

.contact label {
	padding: 12px 12px 12px 0;
	display: inline-block;
	font-weight: bold;
}

.contact button {
	color: #000;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	font-size: 14px;
	font-weight: bold;
}

.contact .tbl-col-25 {
	float: left;
	width: 25%;
	margin-top: 6px
}

.contact .tbl-col-75 {
	float: left;
	width: 75%;
	margin-top: 6px
}

.contact .tbl-row {
	padding-top: 3px;
	padding-bottom: 3px
}

.contact .tbl-row:after {
	content: "";
	display: table;
	clear: both
}

.contact .input-cptc {
	width: 75px!important;
}

.cptc {
	width: 80px;
	height: 40px;
	background-repeat: no-repeat!important;
	background-size: contain!important;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.ld-add {
	margin: auto;
	width: 900px
}

.ld-addc {
	float: left
}

.ld-addc:not(:first-of-type) iframe {
	width: 290px;
	margin-left: 10px
}

.ld1 {
	max-width: 980px;
	margin: auto;
	margin-top: 20px;
	border-radius: 4px
}

.cambox .dlc {
	height: 120px!important;
	min-height: 120px!important;
}

.ld2 {
	border: 0
}

.ld2 .dlc {
	height: 240px
}

.dlc {
	width: 230px;
	min-height: 250px;
	float: left;
	margin-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px
}

.dlc a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none
}

.dlc a .dl-title {
	text-decoration: underline
}

.dlt {
	height: 150px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}

.dlt-dur {
	color: #fff;
	text-align: right;
	padding-right: 7px;
	padding-top: 117px;
	font-weight: 700;
	font-size: 12px
}

.ld1:after,
.ld-add:after {
	content: "";
	display: table;
	clear: both
}

.plugin {
	font: 13px Verdana, Arial;
	padding: 15px;
	margin: 0 auto;
	text-align: left;
}

.plugin a {
	font: 13px Verdana, Arial;
}

.plugin p:nth-last-child(6) a {
	font: 17px Verdana, Arial;
}

.plugin a,
#plugin p:nth-last-child(6) a,
.plugin span {
	font-weight: bold;
}

.plugin p {
	margin: 20px 0;
	font-weight: normal;
	background: #F4F4F4;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #ccc;
}

.plugin p:nth-last-child(3),
.plugin p:nth-last-child(4),
.plugin p:nth-last-child(5) {
	background: #F4EBEB url('/i/yesdownloader.com/css/images/bulb.png') no-repeat 6px 14px;
	padding: 15px 15px 15px 62px;
	border-radius: 5px;
	min-height: 45px;
	box-shadow: 1px 1px 3px #ccc;
}

.plugin li {
	margin: 15px 0;
}

.plugin code {
	background: #FFFBEA;
	padding: 2px;
	display: block;
	margin: 5px 0;
}

.eaa img {
	width: 100%;
}


.navbar-default .navbar-toggle {
 border-color:#aaa!important;
}


@media only screen and (min-width:800px) {
	.formobile {
		display: none!important;
	}
}

@media only screen and (max-width:800px) {
	.fordesktop {
		display: none!important;
	}
}



@media only screen and (max-width:620px) {
	.searchsection {
		width: 100%;
	}
	
	.dlc {
		float: unset;
		margin: auto!important;
		width: 100%;
		min-height: unset;
	}
}

@media only screen and (max-width:991px) {
	.searchsection {
		max-width: 490px;
	}
}

@media only screen and (min-width:992px) {
	.searchsection {
		max-width: 730px;
	}
}

@media only screen and (min-width:1200px) {
	.searchsection {
		max-width: 970px;
	}
}


@media only screen and (max-width: 991px) {
	.thumbdiv {
		margin: auto!important;
		float: unset!important;
		max-width: 500px!important;
	}
	.selection {
		float: unset!important;
		width: unset!important;
		margin: auto;
		max-width: 500px!important;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.thumbdiv {
		max-width: 300px!important;
	}
	.selection {
		width: 466px!important;
	}
}