@font-face {
    font-family: var(--mainfontname);
    src: var(--mainfonturl);
}

@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway-Regular.ttf");
	font-weight:400
}
@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway-Light.ttf");
	font-weight:300
}
@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway-Medium.ttf");
	font-weight:500
}
@font-face {
    font-family: "Raleway";
    src: url("../fonts/Raleway-Bold.ttf");
	font-weight:700
}
@font-face {
    font-family: "PlayfairDisplay";
    src: url("../fonts/PlayfairDisplay-Regular.ttf");
	font-weight:400
}
@font-face {
    font-family: "PlayfairDisplay";
    src: url("../fonts/PlayfairDisplay-Bold.ttf");
	font-weight:700
}
@font-face {
    font-family: "PlayfairDisplay";
    src: url("../fonts/PlayfairDisplay-Medium.ttf");
	font-weight:500
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf");
	font-weight:400
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.ttf");
	font-weight:700
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.ttf");
	font-weight:500
}
.play-fair-display-font
{
	font-family:PlayfairDisplay!important;
}
.roboto-font
{
	font-family:Roboto!important
}
.microsite-hamburger-color {
    color: var(--hamburgercolor) !important
}
.selected-menu {
		color:#86704D!important
    }
.header-bg
{
	background-color:white!important
}
@media (min-width: 1200px) {
	.progress_bar_step_image
	{
		bottom:750%;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
	}
	.step-image
	{
		left: 50%;
		transform: translate(-50%, 0);
		bottom:200%
	}
    .main_bg
    {
        background-image: url("../img/main_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
    }
    .login_bg
    {
        background-image: url("../img/login_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .registration_bg
    {
        background-image: url("../img/registration_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .privacy_bg
    {
        background-image: url("../img/privacy_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .guide_bg
    {
        background-image: url("../img/guide_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .entryform_bg
    {
        background-image: url("../img/entryform_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .myrights_bg
    {
        background-image: url("../img/myrights_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .balance_bg
    {
        background-image: url("../img/balance_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .coupons_bg
    {
        background-image: url("../img/coupons_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .forgotdata_bg
    {
        background-image: url("../img/forgotdata_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .profile_bg
    {
        background-image: url("../img/profile_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .contact_bg
    {
        background-image: url("../img/contact_bg.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
}
@media(max-width: 1200px) {
	.progress_bar_step_image
	{
		left:200%;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
    .progress
    {
        border-width: 1px!important;
    }
	
	.w-90-at-mobile
	{
		width:90%!important
	}
    .flex-grow-1-mobile-only
	{
		flex-grow:1!important
	}
    .main_bg
    {
        background-image: url("../img/main_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .login_bg
    {
        background-image: url("../img/login_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .registration_bg
    {
        background-image: url("../img/registration_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .guide_bg
    {
        background-image: url("../img/guide_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .privacy_bg
    {
        background-image: url("../img/privacy_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .entryform_bg
    {
        background-image: url("../img/entryform_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .myrights_bg
    {
        background-image: url("../img/myrights_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .balance_bg
    {
        background-image: url("../img/balance_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .coupons_bg
    {
        background-image: url("../img/coupons_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .forgotdata_bg
    {
        background-image: url("../img/forgotdata_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .profile_bg
    {
        background-image: url("../img/profile_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
    .contact_bg
    {
        background-image: url("../img/contact_bg_mobile.jpg");
        background-size: cover!important;
        background-repeat: no-repeat!important;
        background-attachment: fixed!important;
    }
}

@media (min-width: 576px) {
    .selected-menu {
    }
    
}
/*
HEADER SECTION CHECK IF HEADER_BUTTONS PARAMETER IS TRUE
*/
#header_login_btn
{
    background-color: transparent;
    border:0!important;
    color:black!important;
}
#header_login_btn_selected
{
    background-color: transparent;
    border:1px solid white!important;
    color:black!important;
    border-radius: 25px;
}
#header_registration_btn
{
    background-color: #88A37D;
    border:0!important;
    color:white!important;
    border-radius: 25px;
}
#header_registration_btn_selected
{
    background-color: #E1251B;
    border:none!important;
    color:white!important;
    border-radius: 25px;
}
#header_profile_btn
{
    background-color: transparent;
    border:0!important;
    color:black!important;
}
#header_profile_btn_selected
{
    background-color: #E1251B;
    border:0!important;
    color:white!important;
    border-radius: 25px;
}
/*
COUPONS SECTION
*/
.card-header
{
	background-color:transparent!important
}
.card-footer
{
	background-color:transparent!important;
	border:0!important
}
.enabled-coupon-container
{
	border: 1px solid #86704D!important;
	border-radius:25px!important
}
.disabled-coupon-container
{
	border: 1px solid #1D1D1B!important;
	border-radius:25px!important
}
.enabled-coupon-button
{
	background-color:#88A37D!important
}
.disabled-coupon-button
{
	background-color:#D1D1D1!important
}
.enabled-coupon-bg
{
	
}
.disabled-coupon-bg
{
	
}
.enabled-coupon-name
{
	
}
.disabled-coupon-name
{
	
}
.enabled-coupon-text
{
	
}
.disabled-coupon-text
{
	
}
.enabled-coupon-point-container
{
	border-radius:25px!important;
	border:1px solid #86704D!important;
}
.disabled-coupon-point-container
{
	border-radius:25px!important;
	border:1px solid #1D1D1B!important;
}
.enabled-coupon-point-text
{
	color:#86704D!important;
}
.disabled-coupon-point-text
{
	color:#1D1D1B!important;
}
.selected_coupon_btn
{
	
}
.coupon_btn
{
	
}
.enabled-coupon-description
{
	
}
.disabled-coupon-description
{
	
}
.form-border
{
    border-radius: 25px!important;
    border:2px solid #86704D!important
}
.bg-caffevergnano-green
{
    background-color: #88A37D!important;
}
.bg-caffevergnano-gray
{
    background-color: #D1D1D1!important;
}
.caffevergnano-text-black
{
	color:#1D1D1B!important
}
.placeholder-black::placeholder
{
	color:#232323!important
}
.border-caffevergnano-black
{
	border-color:#1D1D1B!important
}
.input-border
{
	border:1px solid #000!important
}
.navbar-brand-container
{
	position:relative
}
.progress
{
    background-color: #86704D!important;
}
.red-text
{
    color:#E1251B!important
}