/*#fanclub-sticky .container {
	display: inherit;
}

#fanclub-sticky.is_stuck .container {
	display: inline-flex;
}*/

#header {background-image: url(../../../../../images/header-beneficii.jpg);}

.sticky .stuck-fanny img {
	display: none;
}

.jumbotron.breadcrumbs.sticky .path-and-name {
	width: 40%;
}

.jumbotron.breadcrumbs.sticky .links {
	width: 40%;
	text-align: right;
}

.stuck-fanny {
	display: none;
	width: 20%;
	margin-right: auto;
	margin-left: auto;
}

.is_stuck .stuck-fanny img {
	height: 20px;
	width: unset;
	transition: all .05s;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (min-width: 990px) {
	.is_stuck .stuck-fanny, .is_stuck .stuck-fanny img {
		display: block;
	}

}


.box {height: 400px; position: relative; margin-top: 2em;}
.box .box-image {height: 100%; width: 100%; background-size: cover; z-index: 1;}
.box .box-text {position: absolute; z-index: 2; height: 100%; top: 0; left: 0; padding: 2em; display: inline-flex; display: -ms-inline-flex; display: -moz-inline-flex; display: -webkit-inline-flex; justify-content: center;  -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; flex-direction: column; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; color: #fff; background: rgba(0,0,0,0.5); width: calc(100% - 30px); left: 15px;}
.box .box-text p {width: 80%;}
.box .box-text h2 {margin-top: 0;}
.box .box-text h3 {margin: 0; color: #ffc425; text-transform: capitalize; font-family: "Proxima Nova W15"; font-weight: normal; font-size: 1.445em;}
.box .box-text .yellow-button {width: auto; align-self: flex-start;}
.box .box-text .text-button-with-arrow {display: inline-block;}
.box .box-text .text-button-with-arrow.white-text {margin-left: 1em;}
.box .box-text .white-line {width: calc(100% - 60px); height: 1px; background: #fff; position: absolute;}
.box .box-text .white-line.top {top: 2em;}
.box .box-text .white-line.bottom {bottom: 2em;}

#sticky-contact .is_stuck {display: none;}

.jumbotron .container.full-width img {width: 70%; margin: 0 auto; display: block;}

.gray {margin: 0; color: #242424; text-transform: unset; font-family: "Proxima Nova W15"; font-weight: normal; font-size: 1.445em;}

.purchased-before, .havent-purchased-before, .know-anyone-that-needs-baf {display: none;}
.purchased-before .parsley-errors-list, .havent-purchased-before .parsley-errors-list, .know-anyone-that-needs-baf .parsley-errors-list {left: 0; bottom: -1em;}

#what-to-expect {
	margin-top: 2em;
}
 #what-to-expect img {
	margin-bottom: 1em;
}

#what-to-expect h2{
	margin-bottom: .5em;
}

 #what-to-expect p {
 	margin-bottom: 3em;
 }

.text-yellow-underline {
	color: #ffc425;
	text-decoration: underline;
}

#swag {
	background-size: unset;
}

#swag .jumbotron {
	margin-bottom: 20px;
}

.swag-top {
	background-image: url(../../../../../images/produse-beneficii.jpg);
	background-color: #76c042;
	width: 100%;
}

.swag-bottom {
	background-color: #76c042;
	width: 100%;
}

.swag-mid {
    width: 100%; 
    position: relative;
}

#swag .swag-item img {
	width: unset;
}

.fan-hobbie {
	display: inline-block;
	padding-right: 1em;
}

.fan-hobbie label {
	margin: 0 5px 0 0;
	text-transform: unset;
}

@media only screen and (min-width: 768px) {
	#show-off .row {	padding-top: 0px;}
	.swag-top {	height: 300px;}
	.swag-bottom { height: 300px; }
	.swag-mid { margin-top: -580px; }
	.swag-item { height: 450px; }
}


@media only screen and (max-width: 1050px) {
	.box .box-text p {width: 100%;}
	.box h1 {font-size: 2.5em;}
	.box h2 {font-size: 2em;}
	.box:first-of-type .box-image {background-position: right;}
}

@media only screen and (max-width: 767px) {
	.box {height: 300px;}
	.box:first-of-type {margin-top: 0;}
	.full-width .col-lg-4 {margin-bottom: 2em;}
	.full-width .col-lg-4:last-of-type, .full-width .box {margin-bottom: 0;}
	#show-off .row {	padding-top: 2em;}
	.swag-top { height: 800px; }
	.swag-bottom { height: 800px;}
	.swag-mid { margin-top: -1550px; height: 1475px;}
	.swag-item {height: 400px;}

}
@media only screen and (max-width: 575px) {
	 #what-to-expect img {
	 	width: 95%;
	 	clear: both;
	 }
}