@font-face {
    font-family: var(--mainfontname);
    src: var(--mainfonturl);
    
}
@font-face {
    font-family: RobotoLight;
    src: url("../fonts/RobotoCondensed-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: RobotoMedium;
    src: url("../fonts/RobotoCondensed-Medium.ttf");
    font-weight: 500;
}
.fw-500
{
    font-family: 'RobotoMedium', sans-serif!important;
    font-weight: 500;
}
.microsite-hamburger-color {
    color: var(--hamburgercolor) !important
}
@media (min-width: 1200px) {
    .selected-menu-text {
    }
    .main_bg, .balance_bg, .registration_bg, .coupons_bg, .privacy_bg, .guide_bg, .contact_bg, .login_bg, .forgotdata_bg, .profile_bg, .myrights_bg, .entryform_bg, .stores_bg, .questionnaires_bg, .discounts_bg, .purchases_bg
    {
        background-color: white;
    }

    .navbar-expand-xl .navbar-collapse 
    {
        flex-direction: column;
        align-content: flex-end;
        flex-wrap: wrap;
    }

    
    
}
@media(max-width: 1200px) {
    .main_bg, .balance_bg, .registration_bg, .coupons_bg, .privacy_bg, .guide_bg, .contact_bg, .login_bg, .forgotdata_bg, .profile_bg, .myrights_bg, .entryform_bg, .stores_bg, .questionnaires_bg, .discounts_bg, .purchases_bg
    {
        background-color: white;
    }

    .content-4 {
    display: flex;
    height: 1150px !important;
    flex-shrink: 0;
    background-color: black;
}
.content-5 {
display: flex;
height: 200px !important;
flex-shrink: 0;
background-color: #1b1b1b;
}

.content-3 {
    display: flex;
    height: 660px !important;
    flex-shrink: 0;
    background-color: #fafafa;
}
.content-2 {
    display: flex;
    flex-shrink: 0;
}
.content-2-modified {
    height: 100px !important;
}
.content-1 {
  display: flex;
  height: 750px !important;
  flex-shrink: 0;
}
.card_img {
    max-width: 400px !important;
}
}

#card {
transition: 0.2s;
}
#card:hover {
    scale: 1.1;
}

@media (max-width: 576px) {
    .selected-menu-text {
    }

    .main_bg, .balance_bg, .registration_bg, .coupons_bg, .privacy_bg, .guide_bg, .contact_bg, .login_bg, .forgotdata_bg, .profile_bg, .myrights_bg, .entryform_bg, .stores_bg, .questionnaires_bg, .discounts_bg, .purchases_bg
    {
        background-color: white;
    }
}

.bs-gray-500 {
    background-color: #888e97!important;
    border-color: #888e97!important;
}

.round {
    position: absolute;
  }
  
  .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
    
  }
  
  .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
  }
  
  .round input[type="checkbox"] {
    visibility: hidden;
  }
  
  .round input[type="checkbox"]:checked + label {
    background-color: #7CBB48;
    border-color: #7CBB48;
  }
  
  .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }
 

.opticworld_green_bg
{
    background-color: #7CBB48!important;
}
.opticworld_green_border
{
    border:1px solid #7CBB48
}
/*
HEADER SECTION CHECK IF HEADER_BUTTONS PARAMETER IS TRUE
*/
#header_login_btn
{
    background-color: transparent;
    border:1px solid black!important;
    color:black!important;
    border-radius: 8px;
}
#header_login_btn_selected
{
    background-color: #7CBB48;
    color:white!important;
    border-radius: 8px;
}
#header_registration_btn
{
    border:1px solid black!important;
    color:black!important;
    border-radius: 8px;
}
#header_registration_btn_selected
{
    background-color: #7CBB48;
    border-radius: 8px;
    color: white;
}
#header_profile_btn
{
    display: flex;
    align-items: center;
    background-color: white;
    color:white!important;
}
#header_profile_btn_selected
{
    display: flex;
    align-items: center;
    background-color: white;
    color:white!important;
}
.rounded-6 
{
    border-radius: 0.6rem!important;
}
/*
COUPONS SECTION
*/
.card-header
{
	background-color:white!important
}
.card-footer
{
	background-color:white!important;
	border:0!important
}
.enabled-coupon-container
{
	border: 1px solid black!important
}
.disabled-coupon-container
{
	border: 1px solid black!important
}
.enabled-coupon-button
{
	border: 1px solid black!important
}
.disabled-coupon-button
{
	border: 1px solid black!important
}
.enabled-coupon-bg
{
	
}
.disabled-coupon-bg
{
	
}
.enabled-coupon-name
{
	
}
.disabled-coupon-name
{
	
}
.enabled-coupon-text
{
	
}
.disabled-coupon-text
{
	
}
.enabled-coupon-point-container
{
	
}
.disabled-coupon-point-container
{
	
}
.enabled-coupon-point-text
{
	
}
.disabled-coupon-point-text
{
	
}
.selected_coupon_btn
{
	
}
.coupon_btn
{
	
}
.enabled-coupon-description
{
	
}
.disabled-coupon-description
{
	
}
input[type="text"],input[type="number"],input[type="password"],input[type="search"],input[type="email"],select
{
    border:1px solid black!important
}
select,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="password"]::placeholder,input[type="search"]::placeholder,input[type="email"]::placeholder
{
    color:black!important
}
.navbar-item
{
    color:#3A3A3A!important
}
.selected-menu-text {
    color: black!important;
} 

.balance-image {
    background-image: url("../img/black_main_img.jpg");
    background-size: cover;
    background-position: 15% 25%;
    background-repeat: no-repeat;
}

.content-1 {
  display: flex;
  height: 700px;
  flex-shrink: 0;
}

.content-2 {
    display: flex;
    flex-shrink: 0;
}

.content-2-modified {
    height: 100px;
}

.content-3 {
    display: flex;
    height: 460px;
    flex-shrink: 0;
    background-color: #fafafa;
}
.content-4 {
    display: flex;
    height: 350px;
    flex-shrink: 0;
    background-color: black;
}

.content-4 p {
margin-bottom: 10px !important;
}
.custom-color {
    color: #81bf4e;
}

.content-5 {
display: flex;
height: 80px;
flex-shrink: 0;
background-color: #1b1b1b;
}

.content-5 p {
margin-bottom: 0px !important;
}

.header-menu-section {
    display: flex;
    flex-shrink: 0;
    height: 40px;
    background-color: #81bf4e;
}

.custom-button {
    color: white;
    background-color: #7CBB48;
    text-transform: uppercase;
    font-weight: bold;
    border: 0;
}

ul {
    list-style-type: none;
}

.profile_img {
object-fit: contain;
}

.know_img {
  max-width: 100%;
  height: auto;
}

.card_img {
    max-width: 530px;
    min-width: 310px;
}

.navbar-collapse {
        position: absolute;
        top: 82px;
        left: -100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        background-color: white;
        width: 100%;
        transition: all 0.4s ease;
        display: block;
        z-index: 11;
    }
    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: -50%;
        left: -50%;
        transition: all 0.4s ease;
    }
    .navbar-collapse.show {
        left: 0;
    }

    .progress-bar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  height: 50px;
}

.progress-separator {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ccc;
}

.progress-line {
  flex: 1;
  height: 8px;
  background-color: #ccc;
  position: relative;
  border-radius: 0;
}

.separator-top-text::before {
  content: attr(data-text-top);
  position: absolute;
  bottom: 450%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 12px;
}

.separator-bottom-text::after {
  content: attr(data-text-bottom);
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  color: white;
}

.progress-top-text::before {
  content: attr(data-text-top);
  position: absolute;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 12px;
}

.progress-bottom-text::after {
  content: attr(data-text-bottom);
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 12px;
}

.separator-top-image::before {
  content: "";
  background-image: var(--imagetop);
  background-size: cover !important;
  position: absolute;
  bottom: 450%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  font-size: 12px;
  height: var(--imagetopheight);
  width: var(--imagetopwidth);
}

.separator-bottom-image::after {
  content: "";
  background-image: var(--imagebottom);
  background-size: cover !important;
  position: absolute;
  top: 450%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  font-size: 12px;
  height: var(--imagebottomheight);
  width: var(--imagebottomwidth);
}

.progress-top-image::before {
  content: "";
  background-image: var(--imagetop);
  background-size: cover !important;
  position: absolute;
  bottom: 200%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  font-size: 12px;
  height: var(--imagetopheight);
  width: var(--imagetopwidth);
}

.progress-bottom-image::after {
  content: "";
  background-image: var(--imagebottom);
  background-size: cover !important;
  position: absolute;
  top: 200%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  font-size: 12px;
  height: var(--imagebottomheight);
  width: var(--imagebottomwidth);
}

.footer-logo {
    width: 110px;
}

.icon-holder {
    border-radius: 50px;
    background-color: #121212;
}

.social-media-icons {
    height: 25px;
    margin: 10px;
}
.ul-list-style {
    list-style-type: disc;
}

.footer-logo {
    width: 110px;
}

.icon-holder {
    border-radius: 50px;
    background-color: #121212;
}

.social-media-icons {
    height: 25px;
    margin: 10px;
}
.ow-green-color {
    background-color: #81bf4e;
}
.custom-input {
    border: 0px !important;
    border-radius: 0px !important;
}
input.custom-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.custom-black-button {
    background-color: black;
    color: white;
    border-radius: 0;
    border: none;
}
.custom-font-weight {
    font-weight: 600;
}

.main_bg, .registration_bg, .login_bg, .coupons_bg, .privacy_bg, .guide_bg, .contact_bg, .forgotdata_bg, .profile_bg, .myrights_bg, .entryform_bg, .stores_bg, .questionnaires_bg, .discounts_bg, .purchases_bg {
    background-image: url("../img/ow_login_bg.png");
    background-position: center;
}
.balance_bg{
background-color: white;
}

.custom-max-width {
    max-width: 1100px;
}
.custom-margin {
margin: 150px 0px;
}

@media(max-width: 1200px) {
    .main_bg, .balance_bg, .registration_bg, .coupons_bg, .privacy_bg, .guide_bg, .contact_bg, .login_bg, .forgotdata_bg, .profile_bg, .myrights_bg, .entryform_bg, .stores_bg, .questionnaires_bg, .discounts_bg, .purchases_bg
    {
        background-color: white;
    }

    .content-4 {
    display: flex;
    height: 1150px !important;
    flex-shrink: 0;
    background-color: black;
}
.content-5 {
display: flex;
height: 200px !important;
flex-shrink: 0;
background-color: #1b1b1b;
}

.content-3 {
    display: flex;
    height: 660px !important;
    flex-shrink: 0;
    background-color: #fafafa;
}
.content-2 {
    display: flex;
    flex-shrink: 0;
}
.content-2-modified {
    height: 100px !important;
}
.content-1 {
  display: flex;
  height: 750px !important;
  flex-shrink: 0;
}
.card_img {
    max-width: 400px !important;
}
.custom-margin {
margin: 75px 0px;
}
}

.content-4 {
    display: flex;
    height: 350px;
    flex-shrink: 0;
    background-color: black;
}

.content-4 p {
margin-bottom: 10px !important;
}
.custom-color {
    color: #81bf4e;
}

.content-5 {
display: flex;
height: 80px;
flex-shrink: 0;
background-color: #1b1b1b;
}

.btn:disabled {
    background-color: #4e4e4e;
    opacity: 1;
}

.custom-bg-green {
    background-color: #81bf4e;
}