
.bc-banner a
{
	display:block;
	overflow:hidden;
}

.bc-banner.bc-animation-move_right a img
{
	display: block;
    max-width: none;
}

.bc-banner .bc-caption 
{
	padding: 20px 30px;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.bc-banner .bc-caption h4
{
	margin-bottom:0;
}

.bc-banner .bc-caption h5
{
	margin-top:0;
}

.bc-banner .bc-overlay
{
    background-color:#000000;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* animations */


.bc-banner.bc-animation-move_right a img
{
    transition: all .3s ease;
    transform: translateX(-25px);
    width: calc(100% + 25px);
}

.bc-banner.bc-animation-move_right a:hover img
{
    transition: all .3s ease;
    transform: translateX(0);
}


.bc-banner.bc-animation-zoom_in a img
{
    transition: all .3s ease;
}

.bc-banner.bc-animation-zoom_in a:hover img
{
    transition: all .3s ease;
	transform:scale(1.2);
}

.bc-banner.bc-animation-zoom_out a img
{
    transition: all .3s ease;
	transform:scale(1.2);
}

.bc-banner.bc-animation-zoom_out a:hover img
{
    transition: all .3s ease;
	transform:scale(1);
}

.bc-banner.bc-animation-opacity a img
{
    transition: all .3s ease;
}

.bc-banner.bc-animation-opacity a:hover img
{
    transition: all .3s ease;
	opacity:0.8;
}


.tc-brands{
	overflow:hidden;
}

.tc-brands a
{
	cursor: pointer;
    display: inline-block;
    border: 1px solid rgb(235, 235, 235);
    padding: 10px;
    margin: 0px 6px 6px 1px;
    text-align: center;
}

.tc-brands a:hover
{
    color: #ed490e;
    border-color: rgb(35, 82, 124);
}

/* standard */

.tc-theme-standard
{
	display:block;
}

.tc-theme-standard a img
{
	max-width:none;
}

/* names */

.tc-letter{
	border-bottom:1px solid #ed490e;
	margin-bottom: 0.5em;
	padding-bottom:4px;
}
.tc-letter span{
	border-bottom:5px solid #ed490e;
	padding:0 1em 0 0.1em;
}

.tc-brands-names {
	columns: 150px 4;
}

.tc-brands-names a
{
    color: #a4a19a;
}

.tc-brands-names a:hover
{
    color: #000;
}

/* black music */

.tc-brands-bm .bm-brand {
	float:left;
	margin:0 10px 10px 0;
	overflow:hidden;
}

.tc-brands-bm .bm-photo {
	overflow:hidden;
}

.tc-brands-bm .bm-bottom
{
    background: #16171c;
    color:#fff;
    font-weight:bold;
    padding:10px;
    text-align:center;
	overflow:hidden;
}

.tc-brands-bm .bm-bottom .bm-line {
    width: 35px;
    height: 2px;
    display: block;
    background: #d85240;
    margin: 10px auto 10px;
}

.tc-brands-bm a:hover .bm-bottom .bm-line {
    width: 45px;
    background: #fe5d16;
	transition: all .2s ease-in;
}

.tc-brands-bm a img{
	max-height:100%;
}

.tc-brands-bm a:hover img{
	transform: scale(1.2);
	transition: all .2s ease-in;
}


/* common customizations */

.tc-align-left { text-align:left; }
.tc-align-right { text-align:right; }
.tc-align-center { text-align:center; }
.tc-align-justify { display:flex; justify-content:space-between; }


.ut-untree {
	border: 1px solid #e8e8e8;

	transition: all .3s ease-out;
	padding: 33px;

	min-height: 350px;
    max-width: 600px;
    min-width: 300px;
}

.ut-untree:hover {
	border: 1px solid #00a64d;
	-webkit-box-shadow: 0 0 15px rgba(0, 149, 60, .25);
	box-shadow: 0 0 15px rgba(0, 149, 60, .25);
}

.ut-untree a.ut-head {
	font-family: 'Roboto';
	color: #000;
	font-weight: 800;
	font-size: 26px;
    position: relative;
	border-bottom: 1px solid #bbb;
	margin-bottom: 10px;
	display:inline-block;
}

.ut-untree a.ut-head:hover {
	border-bottom: 1px solid #555;
	color:#0170b9;
}

.ut-untree a.ut-sub {
	font-family: 'Roboto';
	color: #000;
	font-size: 14px;
    position: relative;
    background-color: rgba(255, 255, 255, .75);
}

.ut-untree a.ut-sub:hover {
	text-decoration:underline;
}

.ut-untree .ut-all {
	margin-top: 40px;
}

.ut-untree img {
	position:absolute;
	max-width: 400px;
	bottom: 0;
	left: 50px;
}



/* common customizations */

.ut-align-left { text-align:left; }
.ut-align-right { text-align:right; }
.ut-align-center { text-align:center; }
.ut-align-justify { display:flex; justify-content:space-between; }







.ut-untree-banner {
	border: 1px solid #a9a9a9;

	transition: all .3s ease-out;

	min-height: 350px;
    max-width: 600px;
    min-width: 300px;
}

.ut-untree-banner a.ut-head {
	font-family: 'Roboto';
	color: #fff;
	font-weight: 800;
	font-size: 28px;
    position: relative;
	margin-bottom: 10px;
	display:inline-block;
}

.ut-untree-banner a.ut-head:hover {
	color: #ffc122;
}

.ut-untree-banner .ut-sub i {
	font-size: 6px;
	color: #ffc122;
	margin-right:3px;
	vertical-align: middle;
}
.ut-untree-banner .ut-all i {
	font-size: 13px;
	color: #ffc122;
	margin-left:5px;
	vertical-align: baseline;
}

.ut-untree-banner a.ut-sub {
	font-family: 'Roboto';
	font-weight: 500;
	color: #fff;
	font-size: 14px;
    position: relative;
}

.ut-untree-banner a.ut-sub:hover {
	color: #ffc122;
}

.ut-untree-banner .ut-all {
	margin-top: 40px;
}

.ut-untree-banner img {
	max-width: 100%;
}



.ut-untree-banner .bc-overlay
{
    background-color:#000000;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:.25;
}

.ut-untree-banner .bc-caption 
{
	padding: 33px;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


/* common customizations */

.ut-align-left { text-align:left; }
.ut-align-right { text-align:right; }
.ut-align-center { text-align:center; }
.ut-align-justify { display:flex; justify-content:space-between; }





