::-webkit-scrollbar
{
    width: 10px;
}
::-webkit-scrollbar-track-piece
{
    background-color: transparent;
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,0.5) !important;
}


.main-content{
	width: calc(100% - 60px);
	
	margin-left: 30px;
	margin-right: 30px;
	
	-webkit-transition: background-image 0.5s ease-in-out;
	transition: background-image 0.5s ease-in-out;
}

.main-link{
	text-decoration: none !important;	
}

/* -------------- INFO -------------- */
.main-info{
	background-color: #2A363F;
	color: white;
	position: absolute;
	left: 0;
	bottom: 0;

	padding: 30px;

	font-size: 16px;

	opacity: 0;	/* Start hidden */
	
	font-family: "Muli", sans-serif; !important;
	font-weight: 300;	/* Light */
}


/* -------------- PORTFOLIO -------------- */
.main-portfolio{
	background-color: #F6841C;
	padding: 30px;
	position: absolute;
	bottom: 0;

	opacity: 0;	/* Start hidden */
}

.main-portfolio-title{
	color: white;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif; !important;
	font-weight: 700;	/* Bold */
	font-size: 16px;
	letter-spacing: 1px;
}

.main-portfolio-description{
	color: #2D363F;
	font-size: 16px;
	font-family: "Muli", sans-serif;
	font-weight: 300;	/* Light */
	
	margin-top: 20px;
	margin-bottom: 20px;
	
	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;              			/* number of lines to show */
    max-height: 43px !important;                   /* fallback */
}

.main-portfolio-description *{
    line-height: 20px !important;                  /* fallback */
}

.main-portfolio-description p{
	margin: 0;
	padding: 0;
}

.main-portfolio-footer{
	color: #2D363F !important;
	font-size: 10px;
	left: 30px;
	bottom: 30px;
	line-height: 14px;
}

.main-portfolio-footer p{
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;	/* Regular */
}

.main-portfolio-footer-title{
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;	/* Bold */
}


/* -------------- NEWS -------------- */
.main-news{
	background-color: #E2E2E2;
	padding: 30px;
	position: absolute;
	bottom: 0;

	opacity: 0;	/* Start hidden */
}

.main-news-title{
	color: #2D363F;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;	/* Bold */
	font-size: 16px;
	letter-spacing: 1px;
}

.main-news-description{
	color: #2D363F;
	font-size: 16px;
	font-family: "Muli", sans-serif;
	font-weight: 300;	/* Light */
	
	margin-top: 20px;
	
	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;              			/* number of lines to show */
    line-height: 20px !important;                  /* fallback */
    max-height: 43px !important;                   /* fallback */
}

.main-news-description p{
	color: #2D363F !important;
}

.main-news-footer{
	color: #2D363F !important;
	font-size: 10px;
	left: 30px;
	clear: both;
	bottom: 30px;
	line-height: 14px;
}

.main-news-footer p{
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;	/* Regular */
}

.main-news-footer-title{
	font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;	/* Bold */
}


/* -------------- MOBILE -------------- */
.main-content-mobile{
	display: none;
	width: calc(100% - 30px);
	
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 40px;
}

/* -------------- INFO -------------- */
.main-content-mobile .main-info-mobile{
	background-color: #2A363F;
	color: white;
	
	padding: 30px;

	font-size: 16px;
	
	font-family: "Muli", sans-serif; !important;
	font-weight: 300;	/* Light */
}


/* -------------- PORTFOLIO -------------- */
.main-content-mobile .main-portfolio-mobile{
	background-color: #F6841C;
	padding: 30px;
}

.main-portfolio-footer-mobile{
	color: #2D363F !important;
	font-size: 10px;
	line-height: 14px;
}

.main-portfolio-footer-mobile p{
	margin: 0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;	/* Regular */
}



/* -------------- NEWS -------------- */
.main-content-mobile .main-news-mobile{
	background-color: #E2E2E2;
	padding: 30px;
}


@media (max-width:768px) { 
	.main-content{
		display: none;
	}
	.main-content-mobile{
		display: block;
	}
}