.home-info {
	/*
	color: var(--linkello-group-2-text-color) !important;
	background-color: var(--linkello-group-2-bg-color);
	*/
	color: #605e5e;
	background-color: #f3eca1;
	border-radius: 10px;
}

.home-container {
	height:100%;
}

.home-header-form {
	margin: 0 auto;
	width: 80%;
}

.home-login {
	margin: 60px 0;
}

.home-login h4 {
	color: var(--linkello-group-2-bg-color);
}

.home-login > .row > div {
	padding-right: 30px;
    padding-left: 30px;
}

.home-login-info {
	color: var(--linkello-group-2-text-color);
	background-color: var(--linkello-group-2-bg-color);
	font-weight: bold;
}

.home-login-pane {
	background-color: #ffffff;
	border-radius: 5px;
}

.home-bubble,
.home-body {
	background-color: var(--linkello-main-bg-color);
	border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.signin-icon-waiting {
	font-size: 3rem;
	color: var(--linkello-main-hightlight);
}

.signin-icon-succeed {
	font-size: 3.5rem;
	color: var(--linkello-main-hightlight);
}

.signin-icon-failed {
	font-size: 3.5rem;
	color: var(--linkello-main-hightlight);
}

.signin-icon-next {
	font-size: 2.4rem;
	color: var(--linkello-main-hightlight);
}

.assets-title {
	text-transform: uppercase;
}

.icon-inverted,
.home-ambassador,
.home-what-is-linkello,
.home-more {
	background-color: var(--linkello-group-1-bg-color);
	color: var(--linkello-group-1-text-color);
	background-size: cover;
	background-repeat: no-repeat;
}

.home-ambassador a,
.home-what-is-linkello a,
.home-more a {
	color: var(--linkello-group-1-text-color);
	text-decoration: underline;
	border-radius: 5px 5px 0 0;
}

.home-more {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.home-more-features
{
	font-size: 1.6em;
}

.home-more-pro-title
{
	font-size: 1.4em;
}

.home-more-pro-content
{
	font-size: 1.2em;
	max-width: 400px;
}

.home-more-pro-content a
{
	text-decoration: none;
	font-weight: bold;
}

.home-more-illustration {
	margin-left: 15px;
	width: 384px;
	height: 286px;
	background: url("/app/themes/linkello/img/png/interfaces-image.png") no-repeat center left;
}

.home-ambassador-text {
	border-radius: 10px;
	background-color: var(--linkello-group-2-bg-color);
	padding: 25px;
}


.home-image-large {
	background-position: bottom;
	background-color: #c0C0C0;
	height: 100%;
	min-height: 210px;
	background-size: cover;
    border-radius: 10px;
}

.home-image-large p {
	font-size: 1.6em;
	color: #fff;
}

.home-login-separator {
	margin-top: 10px;
}

.carousel {
	width: 100%;
}

.carousel-item {
	height: 230px
}

.carousel-caption {
	padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    z-index: 10;
    color: #fff;
    text-align: left;
}

.highlight-steps {
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #f0f0f0;
	border-radius: 5px;
}

#mediaSelector a.dropdown-item {
	color: var(--linkello-main-text-color);
	cursor: pointer;
}

#mediaSelector a.dropdown-item:active {
	color: #fff;
}

.prismic-left-pane h1,
.prismic-left-pane h2,
.prismic-left-pane h3,
.prismic-left-pane h4,
.prismic-left-pane h5,
.prismic-left-pane h6 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem!important;
	color: var(--linkello-group-2-bg-color);
}

.prismic-left-pane .btn-linkello-lg {
	margin-top: 3rem!important;
}

.prismic-left-pane .image-1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
    background-color: var(--linkello-group-2-bg-color);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 60px auto;
	-webkit-mask-position: left 0px;
	mask-repeat: no-repeat;
	mask-size: 60px auto;
	mask-position: left 90px;
	z-index: 0;
}

.prismic-left-pane .image-2 {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
    background-color: var(--linkello-group-2-bg-color); 
	background-size: auto auto;
	mask-repeat: no-repeat;
	mask-position: right 90px;
	mask-size: 60px auto;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: right 0px;
	-webkit-mask-size: 60px auto;
	z-index: 0;
}

.prismic-left-pane .content {
	z-index: 1;
}

.prismic-left-pane .content .body {
	position: relative;
	padding: 0 65px;
	min-height: 200px;
}

.prismic-bottom-right-pane {
	background-color: #e6e6e6;
	border-radius: 5px;
}

.prismic-bottom-right-pane .title {
	font-weight: bold;
	font-size: 0.7rem;
	color: var(--linkello-group-2-bg-color);
	text-transform: uppercase;
}

.prismic-bottom-right-pane .icon {
	width: 40px;
	height: 40px;
	font-size: 1.7rem;
	color: var(--linkello-group-2-bg-color);
	background-color: var(--linkello-group-2-bg-color); 
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.prismic-bottom-right-pane .content * {
	font-size: 0.8rem;
	color: var(--linkello-group-2-bg-color);
}

.prismic-bottom-right-pane .content ul {
	margin: 0;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

	.hide-xs {
		display: none;
	}

	.home-header-form {
		width: 100%;
	}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

	.home-header-form {
		width: 100%;
	}

	.home-login {
		margin: 10px 0;
	}

	.home-login-spacer {
		margin-top: 20px;	
	}

	.home-login-separator {
		padding-bottom: 20px;
		border-bottom: 1px dotted;
	}

	.home-login > .row > div {
		padding-right: 0;
		padding-left: 0;
	}
}

/* Large devices (landscape phones, less than 768px) */
@media (min-width: 768px) {
	
	.home-login-separator {
		margin-top: 0;
		border-right: 1px dotted;
	}
}