.desc-feed{
	width: 100%;
	background-color: rgb(255,255,255,0.7);
	border-radius: 5px;
	position: absolute;
	top: 70%;
}

.title{
	font-size: 28px;
	font-weight: bold;
	padding: 3%;
	padding-bottom: 0px;
}

.description{
	font-size: 18px;
	font-weight: bold;
	padding-left: 3%;
	padding-bottom: 3%;
}

.img{
	float: left;
	width: 15%;
	padding-left: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
}

.img img{
	width: 144px;
}

.text{
	float: left;
	width: 85%;
}

body{
	height: 626px;
}

.bg-orange{
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(255,128,0)), to(rgb(254,154,46)))!important;
    background: linear-gradient(0deg, rgb(255,128,0) 0, rgb(254,154,46) 100%))!important;
}

.bg-black{
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(0,0,0)), to(rgb(0,0,0)))!important;
    background: linear-gradient(0deg, rgb(0,0,0,0.6) 0, rgb(0,0,0,0.9) 100%))!important;
}

.navbar-brand{
	text-align: center;
	font-weight: bold;
	font-size: 32px;
}

#sidenavAccordion a, div.sb-nav-link-icon{
	color: #000!important;
}

.bg-white{
	background-color: #FFF;
}

p{
	text-align: justify;
}

.warning-icon{
	margin-left: 10px;
}

.request-label{
	margin-left: 50px;
}

#idVideos, #idVideos2{
	height: auto;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
	background-color: rgb(0,0,0,0.1);
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: rgb(0,0,0,0.3);
}

::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: rgba(255,140,0,0.9);
}

.help-block{
	color: #FF0000;
}

.has-error input{
	border: 1px solid #FF0000;
}

.img-feed img{
	width:150px!important;height:150px!important;
}

.text-white a{
	color: #FFF;
}

.card-body ul li{
	border-bottom: 1px dashed #000!important;
	padding-top: 4px;
	padding-bottom: 4px;
}

.card-body ul li:hover{
	cursor: pointer;
	color: rgba(255,140,0,0.9)!important;
}

div.card-header{
	background-color: rgba(255,140,0,0.9);
}
div.card-header:hover{
	color:#FFF!important;
}

a.assinar{
	color: #FFF!important;
}

#sidenavAccordion div.sb-sidenav-menu div.nav a.nav-link div{
	text-transform: uppercase;
}

#sidenavAccordion .nav-link:hover
{
	color: #FFF!important;
	border-right: 5px solid #000;
	background-color: #FEA94F;
}

.sb-nav-link-icon{
	width: 100%;
}

div.sb-sidenav-footer{
	background-color: #000!important;
}

.list-inline li a, .text-muted a{
	color: #FFF;
	text-decoration: none;
}
.bg-feed{
	background-size: 100% 100%!important;
}
.video{
	margin-top: 5%;
}
.features-icons-icon i{
	color: orange!important;
}
.list-inline li a:hover, .text-muted a:hover{
	color: orange;
}
.carousel-control-prev-icon, .carousel-control-next-icon{
	background-color: orange;
	width: 35px;
	height: 35px;
	border-radius: 50px;
}
.pic{
	width: 250px;
	height: 190px;
}
.main-title{
	font-size: 55px;
}
.bg-primary {
    background-color: #ee0979!important
}
.no-decoration:hover{
	color:orange;
}
.no-decoration{
	color: #000;
	font-weight: bold;
	text-decoration: none!important;
}

.btn-primary {
    background-color: #000;
    border: 2px solid #fff;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(255,128,0,0.8)), to(rgb(254,154,46,0.8)));
    background: linear-gradient(0deg, rgb(255,128,0,0.8) 50%, rgb(254,154,46,0.8) 100%);
    border: 2px solid #fff;
}

.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(238, 9, 121, .5);
    box-shadow: 0 0 0 .2rem rgba(238, 9, 121, .5)
}

.btn-secondary {
    background-color: #ff6a00;
    border-color: #ff6a00
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: #c50!important;
    border-color: #c50!important
}

.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 106, 0, .5)
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
	box-shadow: 2px 2px 3px #999;
  	z-index:100;
}

.my-float{
	margin-top:16px;
}
.my-float:hover, .float:hover{
	color: #FFF!important;
}

.float:hover > #whats-msg {
	transition: margin 700ms;
	margin-left: 80px;
	visibility: visible;
}

#whats-msg{
	visibility: hidden;
	background-color: #fe9526;
	color: #000;
	position: absolute;
	top: 0;
	font-size: 18px;
	border-radius: 5px;
	padding: 10px;
	top: 7px;
}

.card-style {
	cursor: pointer;
	position: absolute; top:25%; background-color: rgb(0,0,0,0.8); color: #fff; width:100%; left:0; text-align: center;
}


@media only screen and (max-width: 765px) {
	.card-text {
		padding:  20px;
		font-size: 21px;
	}
}