:root {
	--color: #69696F;
	--blackColor: #000;
	--whiteColor: #fff;
	--oplPrimary: #00739C;
	--pursuitPrimary: #9F8707;
	--vipPrimary: #A51919;
	--linkDisabled: #b6b6b8;
	--backgroundColor: #ffffff;
	--menuLeftBGColor: #3E3A3A;
	--menuRightBGColor: #413D3D;
	--DefaultFontFamily: 'Poppins','Roboto',Arial, sans-serif;
	--grayColor: #C4C4C4;
	--bodyFont: 10.5pt;
	--titleFontSize: 16pt;
	--subtitleFontSize: 13.5pt;
	--ProductTileBGColor: #FCF9F9;
    --ProductTileImgBorder: rgb(161 160 158 / 26%);
    --bannerOverlayOPLPrimary: rgb(0 115 156 / 66%);
	--bannerOverlayPursuitPrimary: rgb(152 139 68 / 66%);
    --bannerOverlayVIPPrimary: rgb(165 25 25 / 66%);
    --bannerOverlayBlack:#393939;
    --bannerOverlayWhite: #ffffff;
}
body {
	font-family: var(--DefaultFontFamily);
	color: var(--blackColor);
	padding: 0;
	font-size: 16px;
	line-height: 1.6em;
	background-color: var(--backgroundColor);
	font-size: var(--bodyFont);
}
.rowteam {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.background,
.body-background,
.body-wrapper,
.cust-container
.opl-theme-black-sections,
.opl-theme-black-sections .row {
	background-color: var(--whiteColor);
}
input[type=checkbox]:checked {
    accent-color: var(--blackColor) !important;
}
.custom-control-label::before{
    border: var(--blackColor) solid 1px;
    border-radius: 0 !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--whiteColor);
    border-color: var(--blackColor);
    background-color: var(--blackColor);
}
.display-inline-block {
    display: inline-block !important;
}
.img-medium {
    max-width: 225px;
    width: 100%;
}
.hide{
    display: none;
}
.padding-lr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.padding-top-80 {
	padding-top: 80px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-50 {
	padding-bottom: 50px;
}
.margin-top-10{
	margin-top:10px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-m10{
    margin:-10px;
}
.margin-m15{
    margin:-15px;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.max-height-none{
    max-height: none !important;
}
.opl-lazyloading-wrapper {
	padding-bottom: 40px;
}
.body-wrapper {
	padding-bottom: 0px;
}
.footer {
	border-top: 0px solid;
}
.alert,.alert-dismissible .close{
    padding:5px;
}
.color-black{
    color:var(--blackColor)!important;
}
.nopad{
    padding:0px;
}
.margin-auto{
    margin-left: auto !important;
    margin-right: auto !important;
}

.opl-our-team .opl-public-hover-design-image-container.position-relative {
    overflow: hidden;
}
.opl-our-team .opl-public-hover-design-image-container .opl-public-pro-hover-content {
    transition: .5s ease;
}
.opl-our-team .opl-image-hover-overlay-wrapper {
    text-align: left;
}
.opl-image-hover-overlay-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    color: white;
}
.opl-co-brand-hero-banner-container.opl-video-container {
    position: relative;
    max-height: calc(100vh - 180px); 
    overflow: hidden;
}
.opl-co-brand-hero-banner-container.opl-video-container .vertically-center-align{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.opl-video-content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1020;
}
.opl-video-content-overlay .overlay-content{
    color: var(--whiteColor);
    position: absolute;
    top: 50%;
    padding: 10px 0px;
    font-size: 42pt;
    line-height: 42pt;
    font-weight: bold;
    width: 100%;
    text-align: center;
    transform: translate(0%, -50%);
}

.memebers-name {
    line-height: 17px;
    font-size: 10.5pt;
    text-align: center;
}
.opl-our-team .opl-public-pro-hover-content {
    position: absolute;
    bottom: 10px;
    width: 90%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border: white 2px solid;
    right: 5%;
}
.opl-public-hover-design-image-container:hover .opl-image-hover-overlay-wrapper {
    height: 100%;
}

.opl-public-hover-design-image-container:hover .opl-public-pro-hover-content {
    display: none;
}
.color-bg-transparent {
    background: transparent !important;
}
.background-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000000004000;
	background-color: #000;
	opacity: 0.5;
}
/* menu banner*/
.opl-menubanner a {
    color: var(--whiteColor) !important;
}
.cust-menubanner a:hover {
    color: var(--grayColor) !important;
}
.opl-store-1 .opl-menubanner,
.opl-cobrand-page .opl-menubanner {
    background-color: var(--oplPrimary);
}
.opl-store-4 .opl-menubanner {
    background-color: var(--pursuitPrimary);
}
.opl-pursuit-content,
.opl-common-conent{
 display: none;
}
.opl-store-1 .opl-menubanner .opl-common-conent,
.opl-cobrand-page .opl-menubanner .opl-common-conent,
.opl-store-4 .opl-menubanner .opl-common-conent{
 display: block;
}
.menubanner-content {
    padding: 6px 0;
    text-align: center;
}
@media (max-width: 767.98px) {
    .hidden-xs {
      display: none !important;
    }  
  }
@media (max-width: 580px){
    .opl-video-content-overlay .overlay-content {
        font-size: 18pt !important;
        line-height: 12pt !important;
        padding: 10px 0px;    /*15px*/
    }
}
@media (max-width: 380px){
    .opl-video-content-overlay .overlay-content {
        font-size: 13pt !important;
    }
    }
  @media (min-width: 580px) and (max-width: 767.98px) {
    .opl-video-content-overlay .overlay-content {
        font-size: 26pt !important;
        line-height: 20pt !important;
        padding: 10px 0px; /*30px*/
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .hidden-sm {
      display: none !important;
    }
    .opl-video-content-overlay .overlay-content {
        font-size: 24pt !important;
        line-height: 28pt !important;        
        padding: 10px 0px; /*40px*/
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
    .opl-video-content-overlay .overlay-content{
        font-size: 32pt !important;
        line-height: 38pt !important;
        padding: 10px 0px; /*50px*/
    }
  }
  @media only screen and (max-width: 1600px) {
    .opl-video-content-overlay .overlay-content{
        font-size: 36pt;
        line-height: 42pt;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
  }
.opl-public-cobrand-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--bannerOverlayOPLPrimary) 50%, var(--bannerOverlayPursuitPrimary) 50%);
    mix-blend-mode: multiply;
}
/*header style start*/
header.opl-public-header {
    background: var(--blackColor);
    color: var(--whiteColor);
    z-index: 1021;
}
.opl-public-header {
    background: #fff;
}
.opl-public-header-menu {
    border-bottom: 1px solid var(--oplPrimary);
}
.opl-store-4 .opl-public-header-menu {
    border-bottom: 1px solid var(--pursuitPrimary);
}
.navbar {
    padding: 15px 15px 5px;
    flex-direction: row-reverse;
}
li.nav-item {
    padding: 0px 10px;
}
.navbar-nav .nav-item a.nav-link {
    color: var(--whiteColor);
    font-size: 13.5pt;
    font-weight: bold;
    padding: 0 5px 0px;
    border-bottom: 5px solid transparent;
    display: inline-block;
}
.nav-item a.nav-link:hover,
.nav-item a.nav-link:active,
.nav-item a.nav-link:focus,
.nav-item a.nav-link.active,
.nav-item a.nav-link.active:hover,
.nav-item a.nav-link.active:focus,
.nav-item a.nav-link.active:active {
    border-bottom: 5px solid var(--oplPrimary);
}
.nav-item a.nav-link.pursuit-link:hover,
.nav-item a.nav-link.pursuit-link:focus,
.nav-item a.nav-link.pursuit-link.active,
.nav-item a.nav-link.pursuit-link.active:hover,
.nav-item a.nav-link.pursuit-link.active:active,
.nav-item a.nav-link.pursuit-link.active:focus {
    border-bottom: 5px solid var(--pursuitPrimary);
}

.nav-item a.nav-link.blog-link:focus {
	border-bottom: 5px solid transparent !important;
}
.nav-item a.nav-link.blog-link:focus:hover {
	border-bottom: 5px solid var(--oplPrimary) !important;
}

.navbar-expand-md .navbar-collapse {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}
.nav-item 
 a.btn.btn-primary.opl-btn-default.opl-btn-white-outline {
    min-width: 100px !important;
    border-width: 2px !important;
    height: auto !important;
    padding: 5px 10px !important;
    margin-bottom: 0;
    min-height: 30px !important;
}
img.opl-public-logo.img-fluid {
    max-width: 225px;
    padding: 15px 20px;
}
/*header style end*/
/*footer style start*/
footer.opl-public-footer {
    background: var(--blackColor);
    color: #fff;
    padding: 80px 50px 32px;
}
.opl-links-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    padding-top:30px;
}
.opl-links-wrapper .support-link{order: 1;}
.opl-links-wrapper .about-link{order: 2;}
.opl-links-wrapper .connect-link{order: 3;}
.opl-links-wrapper .cust-footer-link{order: 4;}
.opl-logo-social-wrapper ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content: center;
    margin-top: 15px;
}
.opl-logo-social-wrapper ul li {
    padding: 5px;
}
.opl-logo-social-wrapper ul li a img {
    width: 32px;
}
.opl-logo-item img.img-fluid {
    max-width: 200px;
}
.opl-logo-item {
    padding-bottom: 50px;
}
.opl-logo-item:last-child {
    padding-bottom: 25px;
}
.opl-footer-wrapper {
    display: inline-block;
    width: 100%;
}
.opl-link-item.support-link {
    position: relative;
}
.cust-footer-link.sub-footer {
    flex: 1 0 100%;
    margin-top: 40px;
}
.cust-footer-list a {
    color: var(--whiteColor);
    font-size: 10pt;
}
.cust-footer-list li {
    list-style: none;
    padding-bottom: 5px;
}
ul.footer-list.cust-footer-list {
    margin-left: 0;
    padding-left: 0;
}
.opl-link-item h3 {
    font-size: 14pt;
    font-weight: bold;
}
.opl-link-list .footer-city {
    padding-top:25px;
}
.cust-footer-link .opl-logo-social-wrapper ul {
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content: left;
    margin-top: 40px;
}
.cust-footer-link .opl-logo-social-wrapper .social-media-logo {
    display: none;
}
/*footer style end*/
/*Button style start*/
.opl-btn-default {
	min-width: 200px;
	font-family: var(--DefaultFontFamily) !important;
	/*font-size:25px !important;*/
	font-weight: bold !important;
	border-radius: 0px !important;
	background: none !important;
	padding: 10px 20px !important;
}
/*black-solid button*/
.opl-btn-standard,
.opl-btn-standard.disabled:hover,
.opl-btn-standard.disabled:active,
.opl-btn-standard.disabled:focus,
.opl-btn-standard[disabled]:hover,
.opl-btn-standard[disabled]:active,
.opl-btn-standard[disabled]:focus,
.opl-btn-cta,
.opl-btn-cta.disabled:hover,
.opl-btn-cta.disabled:active,
.opl-btn-cta.disabled:focus,
.opl-btn-cta[disabled]:hover,
.opl-btn-cta[disabled]:active,
.opl-btn-cta[disabled]:focus,
.opl-btn-black-solid,
.opl-btn-black-solid.disabled:hover,
.opl-btn-black-solid.disabled:active,
.opl-btn-black-solid.disabled:focus,
.opl-btn-black-solid[disabled]:hover,
.opl-btn-black-solid[disabled]:active,
.opl-btn-black-solid[disabled]:focus {
	background: var(--blackColor) !important;
	border: 5px solid var(--blackColor) !important;
	color: var(--whiteColor) !important;
}
.opl-btn-standard:hover,
.opl-btn-standard:focus,
.opl-btn-standard:active,
.opl-btn-cta:hover,
.opl-btn-cta:focus,
.opl-btn-cta:active,
.opl-btn-black-solid:hover,
.opl-btn-black-solid:focus,
.opl-btn-black-solid:active {
	background: transparent !important;
	border: 5px solid var(--blackColor)!important;
	color: var(--blackColor) !important;
}
/*black-solid button*/

/*black-outline button*/
.opl-btn-alternate,
.opl-btn-alternate.disabled:hover,
.opl-btn-alternate.disabled:active,
.opl-btn-alternate.disabled:focus,
.opl-btn-alternate[disabled]:hover,
.opl-btn-alternate[disabled]:active,
.opl-btn-alternate[disabled]:focus,
.opl-btn-black-outline,
.opl-btn-black-outline.disabled:hover,
.opl-btn-black-outline.disabled:active,
.opl-btn-black-outline.disabled:focus,
.opl-btn-black-outline[disabled]:hover,
.opl-btn-black-outline[disabled]:active,
.opl-btn-black-outline[disabled]:focus {
	background: transparent !important;
	border: 5px solid var(--blackColor) !important;
	color: var(--blackColor) !important;
}
.opl-btn-alternate:hover,
.opl-btn-alternate:focus,
.opl-btn-alternate:active,
.opl-btn-black-outline:hover,
.opl-btn-black-outline:focus,
.opl-btn-black-outline:active {
	background: var(--blackColor)  !important;
	border: 5px solid var(--blackColor) !important;
	color: var(--whiteColor) !important;
}
/*black-outline button*/

/*white-solid button*/
.opl-btn-white-solid,
.opl-btn-white-solid.disabled:hover,
.opl-btn-white-solid.disabled:active,
.opl-btn-white-solid.disabled:focus,
.opl-btn-white-solid[disabled]:hover,
.opl-btn-white-solid[disabled]:active,
.opl-btn-white-solid[disabled]:focus {
	background: var(--whiteColor) !important;
	border: 5px solid var(--whiteColor) !important;
	color: var(--blackColor) !important;
}
.opl-btn-white-solid:hover,
.opl-btn-white-solid:focus,
.opl-btn-white-solid:active {
	background: transparent !important;
	color: var(--whiteColor) !important;
}
/*white-solid button*/

/*white-outline button*/
.opl-btn-white-outline,
.opl-btn-white-outline.disabled:hover,
.opl-btn-white-outline.disabled:active,
.opl-btn-white-outline.disabled:focus,
.opl-btn-white-outline[disabled]:hover,
.opl-btn-white-outline[disabled]:active,
.opl-btn-white-outline[disabled]:focus {
	background: transparent !important;
	border: 5px solid var(--whiteColor) !important;
	color: var(--whiteColor) !important;
}
.opl-btn-white-outline:hover,
.opl-btn-white-outline:focus,
.opl-btn-white-outline:active {
	background: var(--whiteColor)  !important;
	color: var(--blackColor) !important;
}
/*white-outline button*/

/*store-solid button*/
.opl-btn-store-solid,
.opl-btn-store-solid.disabled:hover,
.opl-btn-store-solid.disabled:active,
.opl-btn-store-solid.disabled:focus,
.opl-btn-store-solid[disabled]:hover,
.opl-btn-store-solid[disabled]:active,
.opl-btn-store-solid[disabled]:focus {
	background: var(--storePrimary) !important;
	border: 5px solid var(--storePrimary) !important;
	color: var(--whiteColor) !important;
}
.opl-btn-store-solid:hover,
.opl-btn-store-solid:focus,
.opl-btn-store-solid:active {
	background: transparent !important;
	color: var(--storePrimary) !important;
}
.opl-store-1 .opl-btn-store-solid,
.opl-store-1 .opl-btn-store-solid.disabled:hover,
.opl-store-1 .opl-btn-store-solid.disabled:active,
.opl-store-1 .opl-btn-store-solid.disabled:focus,
.opl-store-1 .opl-btn-store-solid[disabled]:hover,
.opl-store-1 .opl-btn-store-solid[disabled]:active,
.opl-store-1 .opl-btn-store-solid[disabled]:focus{
	background: var(--oplPrimary) !important;
	border:5px solid var(--oplPrimary) !important;
}
.opl-store-1 .opl-btn-store-solid:hover,
.opl-store-1 .opl-btn-store-solid:focus,
.opl-store-1 .opl-btn-store-solid:active{
	background: transparent !important;
    color: var(--oplPrimary) !important;
}
.opl-store-4 .opl-btn-store-solid,
.opl-store-4 .opl-btn-store-solid.disabled:hover,
.opl-store-4 .opl-btn-store-solid.disabled:active,
.opl-store-4 .opl-btn-store-solid.disabled:focus,
.opl-store-4 .opl-btn-store-solid[disabled]:hover,
.opl-store-4 .opl-btn-store-solid[disabled]:active,
.opl-store-4 .opl-btn-store-solid[disabled]:focus {
	background: var(--pursuitPrimary) !important;
	border:5px solid var(--pursuitPrimary) !important;
}
.opl-store-4 .opl-btn-store-solid:hover,
.opl-store-4 .opl-btn-store-solid:focus,
.opl-store-4 .opl-btn-store-solid:active{
	background: transparent !important;
    color: var(--pursuitPrimary) !important;
}
.opl-store-16 .opl-btn-store-solid,
.opl-store-16 .opl-btn-store-solid.disabled:hover,
.opl-store-16 .opl-btn-store-solid.disabled:active,
.opl-store-16 .opl-btn-store-solid.disabled:focus,
.opl-store-16 .opl-btn-store-solid[disabled]:hover,
.opl-store-16 .opl-btn-store-solid[disabled]:active,
.opl-store-16 .opl-btn-store-solid[disabled]:focus {
	background: var(--vipPrimary) !important;
	border:5px solid var(--vipPrimary) !important;
}
.opl-store-16 .opl-btn-store-solid:hover,
.opl-store-16 .opl-btn-store-solid:focus,
.opl-store-16 .opl-btn-store-solid:active{
	background: transparent !important;
    color: var(--vipPrimary) !important;
}
/*store-solid button*/

/*store-outline button*/
.opl-btn-store-outline,
.opl-btn-store-outline.disabled:hover,
.opl-btn-store-outline.disabled:active,
.opl-btn-store-outline.disabled:focus,
.opl-btn-store-outline[disabled]:hover,
.opl-btn-store-outline[disabled]:active,
.opl-btn-store-outline[disabled]:focus {
	background: transparent !important;
	border: 5px solid var(--storePrimary) !important;
	color: var(--storePrimary) !important;
}
.opl-btn-store-outline:hover,
.opl-btn-store-outline:focus,
.opl-btn-store-outline:active {
	background:var(--storePrimary) !important;
	color: var(--whiteColor) !important;
}
.opl-store-1 .opl-btn-store-outline,
.opl-store-1 .opl-btn-store-outline.disabled:hover,
.opl-store-1 .opl-btn-store-outline.disabled:active,
.opl-store-1 .opl-btn-store-outline.disabled:focus,
.opl-store-1 .opl-btn-store-outline[disabled]:hover,
.opl-store-1 .opl-btn-store-outline[disabled]:active,
.opl-store-1 .opl-btn-store-outline[disabled]:focus {
	border:5px solid var(--oplPrimary) !important;
	color: var(--oplPrimary) !important;
}
.opl-store-1 .opl-btn-store-outline:hover,
.opl-store-1 .opl-btn-store-outline:focus,
.opl-store-1 .opl-btn-store-outline:active {
	background-color: var(--oplPrimary) !important;
	color: var(--whiteColor) !important;
}
.opl-store-4 .opl-btn-store-outline,
.opl-store-4 .opl-btn-store-outline.disabled:hover,
.opl-store-4 .opl-btn-store-outline.disabled:active,
.opl-store-4 .opl-btn-store-outline.disabled:focus,
.opl-store-4 .opl-btn-store-outline[disabled]:hover,
.opl-store-4 .opl-btn-store-outline[disabled]:active,
.opl-store-4 .opl-btn-store-outline[disabled]:focus {
	border:5px solid var(--pursuitPrimary) !important;
	color: var(--pursuitPrimary) !important;
}
.opl-store-4 .opl-btn-store-outline:hover,
.opl-store-4 .opl-btn-store-outline:focus,
.opl-store-4 .opl-btn-store-outline:active {
	background-color: var(--pursuitPrimary) !important;
	color: var(--whiteColor) !important;
}
.opl-store-16 .opl-btn-store-outline,
.opl-store-16 .opl-btn-store-outline.disabled:hover,
.opl-store-16 .opl-btn-store-outline.disabled:active,
.opl-store-16 .opl-btn-store-outline.disabled:focus,
.opl-store-16 .opl-btn-store-outline[disabled]:hover,
.opl-store-16 .opl-btn-store-outline[disabled]:active,
.opl-store-16 .opl-btn-store-outline[disabled]:focus {
	border:5px solid var(--vipPrimary) !important;
	color: var(--vipPrimary) !important;
}
.opl-store-16 .opl-btn-store-outline:hover,
.opl-store-16 .opl-btn-store-outline:focus,
.opl-store-16 .opl-btn-store-outline:active {
	background-color: var(--vipPrimary) !important;
	color: var(--whiteColor) !important;
}
/*store-outline button*/
/*Button style end*/

.hero-banner-content-bg-store-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bannerOverlayBlack);
	mix-blend-mode: multiply;
}
.opl-cobrand-page .opl-theme-black-seasonal-BTF-hero-section.index-page .opl-overlay-container {
    top: 00px;
}
.opl-cobrand-page .opl-hero-overlay-heading .text-small,
.opl-cobrand-page .opl-hero-overlay-heading p {
    font-weight: normal;
}
.opl-cobrand-page .opl-hero-overlay-heading .text-big {
    font-size: 25pt;
    line-height: 40px;
    font-weight: bold;
}
.hero-banner-content-bg-store-color.opl-color{
    background: var(--bannerOverlayOPLPrimary);
}
.hero-banner-content-bg-store-color.ppl-color{
    background: var(--bannerOverlayPursuitPrimary);
}
.opl-cobrand-page .opl-seasonal-tile div.button-wrapper {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 100px;
    left: 0;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.opl-cobrand-page .opl-seasonal-tile div.button-wrapper a {
    position: unset;
}
.opl-cobrand-page .opl-seasonal-tile div.button-wrapper p {
    color: var(--whiteColor);
    font-size: 21pt;
    font-weight: 400;
    margin-bottom: 40px;
}
.navbar .opl-public-header-logo{
    display: none;
}
@media (min-width:1500px){
    .opl-links-wrapper{
        width: 70%;
    }
    .opl-logo-wrapper{
        padding-left: 75px;
    }
}
@media screen and (max-width: 1499.98px){
    .opl-cobrand-page .opl-seasonal-BTF-hero-container .opl-overlay-container {
        max-height: calc(100% - 40px);
    }
    .cust-footer-list a {
        font-size: 10pt;
    }
    .cust-footer-list li {
        padding-bottom: 2px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container {
        padding: 20px;
    }
    .opl-hero-overlay-heading {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1199.98px){
    .opl-cobrand-page .opl-seasonal-tile div.button-wrapper p {
        font-size: 16pt;
    }
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 19pt;
        line-height: 30px;
    }
    .opl-cobrand-page .opl-seasonal-BTF-hero-container .opl-overlay-container {
        max-height: calc(100% - 30px);
    }
    .opl-logo-item img.img-fluid {
        max-width: 175px;
    }
    .opl-logo-social-wrapper ul li a img {
        width: 24px;
    }  
    .opl-logo-social-wrapper ul li {
        padding: 3px;
    }  
    .opl-logo-social-wrapper ul {
        margin-top: 10px;
    }
    footer.opl-public-footer {
        padding: 60px 30px 15px;
    }
    .opl-link-item h3 {
        font-size: 14pt;
        font-weight: bold;
    }
    .cust-footer-link.sub-footer {
        margin-top: 0px;
    }    
}
@media screen and (max-width: 991.98px){
    .navbar-nav .nav-item a.nav-link {
        padding: 0 0px 0px;
    }
    .opl-seasonal-tile div.button-wrapper {       
        top: 50px;
    }
    .opl-cobrand-page .opl-seasonal-tile div.button-wrapper p {
        font-size: 12pt;
        margin-bottom: 20px;
    }
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 14pt;
        line-height: 24px;
    }
    .opl-link-item h3 {
        font-size: 12pt;
        font-weight: bold;
    }
    .cust-footer-list a {
        font-size: 10pt;
    }
    .cust-footer-list li {
        padding-bottom: 0px;
    }
    footer.opl-public-footer {
        padding: 40px 15px 15px;
    }
    .opl-logo-item img.img-fluid {
        max-width: 150px;
    }
    .cust-footer-link.sub-footer {
        margin-top: 0px;
    } 
}
@media screen and (max-width: 768px){
    .navbar-expand-md .navbar-collapse.collapse:not(.show){
        display: none;
    }
    .navbar-toggler.collapsed .navbar-toggler-icon, 
    .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
        background-image: url(/assets/images/mobile_burger.svg);
        background-size: 25px;
    }
    .navbar-toggler .navbar-toggler-icon {
        background-image: url(/assets/images/mobile_closemenu.svg);
        background-size: 25px;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        border-top: 2px solid var(--storePrimary);
        padding-top: 15px;
        margin-top: 11px;
    }
    .opl-store-4 .navbar-expand-md .navbar-collapse {
		border-top: 2px solid var(--pursuitPrimary);
	}
    .opl-store-1 .navbar-expand-md .navbar-collapse,
    .opl-cobrand-page .navbar-expand-md .navbar-collapse {
		border-top: 2px solid var(--oplPrimary);
	}
    li.nav-item {
        padding: 5px 10px;
    }
    .navbar-toggler {
        padding: 0px 0px 0px 20px !important;
    }
    .navbar-toggler:focus {
        outline: 0px dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }
    .opl-store-1 .navbar .opl-public-header-logo,
    .opl-store-4 .navbar .opl-public-header-logo{
        width: 100%;
    }
    .opl-store-1 button.navbar-toggler,
    .opl-store-4 button.navbar-toggler {
        position: absolute;
        left: 10px;
        top: 23px;
    }
    .opl-public-header-top{
        display: none;
    }
    .navbar {
        padding: 10px 0px;
    }
    .navbar .opl-public-header-logo{
        display: flex;
        width: calc(100% - 56px);
        text-align: center;
        justify-content: center;
        align-content: center;

    }
    .navbar .opl-public-header-logo img.opl-public-logo.img-fluid {
        max-width: 225px;
        padding: 5px 20px;
    }
    .navbar-nav{
        width: 100%;
        padding: 5px;
    }
    .nav-item a.btn.btn-primary.opl-btn-default.opl-btn-white-outline {
        min-width: 175px !important;
    }
    .btn-links{
        flex-direction: column-reverse;
        padding: 10px;
    }
    .opl-footer-wrapper {
        display: flex;
        flex-direction: column;
    }
    .opl-logo-wrapper{
        text-align: center; 
        display: flex;
        flex-direction: row;
        justify-content: center;
    }    
    .opl-logo-item {
        padding: 0 20px;
    }
    .opl-logo-social-wrapper ul {
        margin-bottom: 10px;
        display: none;
    }
    .opl-logo-item img.img-fluid {
        max-width: 200px;
    }
    .opl-links-wrapper .about-link {
        order:-1;
    }
    .cust-footer-link .opl-logo-social-wrapper .social-media-logo {
        display: list-item;
    }
    .opl-cobrand-page .opl-theme-black-sections.margin-top-10{
        margin-top: 0px;
    }
    .opl-cobrand-page .opl-theme-black-sections.margin-bottom-10{
        margin-bottom: 0px;
    }
    .opl-cobrand-page .opl-theme-black-sections.margin-top-10 .opl-seasonal-tile-right {
        margin-left: 0px;
    }
    .opl-cobrand-page .opl-theme-black-sections.margin-top-10  .opl-seasonal-tile-left {
        margin-right: 0px;
    }
    .cust-footer-list li.p-3{
        padding: 10px !important;
    }
    footer.opl-public-footer {
        padding: 40px 15px 40px;
    }
    .cust-footer-link.sub-footer {
        margin-top: 0px;
        bottom: -25px;
    }
    .opl-public-header-menu {
        border-bottom: 0px solid var(--whiteColor);
    }
    .cust-footer-link .copyright-text {
        margin-left: 70px;
    }
    .cust-footer-link ul {
        padding-left: 30px;
    }
}
@media screen and (max-width: 767.98px){
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 16pt !important;
        line-height: 26px;
    }
    .opl-cobrand-page .opl-seasonal-tile div.button-wrapper p {
        font-size: 40pt;
        margin-bottom: 40px;
        line-height: 60px;
        font-weight: bold;
        width: 75%;
    }
    .opl-seasonal-tile div.button-wrapper{
        align-items: flex-start;
        left: 50px;
        top: 0px;
        justify-content: center;
        width: calc(100% - 80px);
    }
    .opl-co-brand-hero-banner-container.opl-banner-img{
        max-height: 525px;
        overflow: hidden;
    }
    .opl-co-brand-hero-banner-container.opl-banner-img img{
        min-height: 525px;
    }
    .opl-co-brand-hero-banner-container.opl-video-container {
        max-height: calc(100vh - 124px);
    }
}

@media screen and (max-width: 580px){
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 20pt !important;
        line-height: 34px !important;
    }
    .opl-links-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .opl-link-item h3 {
        font-size: 14pt;
        margin-top: 15px;
        font-weight: bold;
    }
    .navbar .opl-public-header-logo img.opl-public-logo.img-fluid {
        max-width: 200px;
    }
    .opl-store-1 button.navbar-toggler,
    .opl-store-4 button.navbar-toggler {
        top: 20px;
    }
    .opl-logo-item img.img-fluid {
        max-width: 175px;
    }
    .connect-link .sub-footer.cust-footer-link.hide {
        display: block !important;
        bottom: 0;
        position: unset;
        margin-top: 25px;
    }
    .cust-footer-list li {
        padding-bottom: 5px;
    }
    .cust-footer-list a {
        font-size: 10pt;
    }
    .opl-co-brand-hero-banner-container.opl-video-container {
        max-height: calc(100vh - 116px);
    }
    .cust-footer-link .copyright-text {
        margin-left: 30px;
    }
    .cust-footer-link ul {
        padding-left: 0px;
    }
}
@media screen and (max-width: 480px){
    .opl-cobrand-page .opl-seasonal-tile div.button-wrapper p {
        font-size: 20pt;
        line-height: 34px;
    }
    .opl-logo-item {
        padding: 0 10px;
    }
    .opl-logo-item img.img-fluid {
        max-width: 125px;
    }
    .opl-logo-social-wrapper ul {
        padding: 0;
    }
    .navbar .opl-public-header-logo img.opl-public-logo.img-fluid {
        max-width: 150px;
        padding: 5px 10px;
    }
    .opl-store-1 button.navbar-toggler,
    .opl-store-4 button.navbar-toggler {
        top: 15px;
    }
    .opl-co-brand-hero-banner-container.opl-video-container {
        max-height: calc(100vh - 106px);
    }
    .cust-footer-link .copyright-text {
        margin-left: 0px;
    }
}  
@media screen and (max-width: 380px){
    .cust-footer-link.sub-footer {
        width: 100%;
    }
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 16pt;
        line-height: 26px;
    }
    .opl-cobrand-page .opl-theme-black-sections a.btn.btn-primary.opl-btn-default, 
    .opl-cobrand-page .opl-theme-black-sections button.btn.btn-primary.opl-btn-default{
        font-size: 13pt !important;
    }
    .navbar .opl-public-header-logo img.opl-public-logo.img-fluid {
        max-width: 120px;
        padding: 5px 5px;
    }
    .opl-store-1 button.navbar-toggler,
    .opl-store-4 button.navbar-toggler {
        top: 12px;
    }
    .opl-co-brand-hero-banner-container.opl-video-container {
        max-height: calc(100vh - 100px);
    }
}
/*contact us page start*/
.field-validation-error{
	color: var(--vipPrimary) !important;
	font-style: italic !important;
	font-size: 9pt !important;
}
.color-white {
    color: var(--whiteColor) !important;
}
input::placeholder,textarea::placeholder {
    opacity: 0.7!important; 
}
.form-group{
margin-bottom: 1.5rem;
}
.disabled, input[type=button]:disabled, input[type=submit]:disabled
{
    pointer-events: none;
    cursor: not-allowed;
}
.contact-email,.contact-phone,.contact-tollfree,.contact-servicehours{
    margin-bottom: 0.2rem;
}
.contact-address{
    margin-bottom: 0.5rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid,.input-validation-error{
border-color: #a94442;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23a94442' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.opl-public-contact-form-wrapper{
    max-width:750px;
    margin-right:auto;
    margin-left:auto;
}
.opl-public-two-row-section,.opl-public-discription-section{
    color: white;
}
.opl-public-discription-section{
    margin-right: auto;
    margin-left: auto;
    max-width: 600px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}
.opl-public-discription p{
    font-size:10pt;
    margin-bottom:0px;
}
.opl-public-contactus-banner-img{
    width: 100%;
    height:950px !important;
}
.opl-public-two-row-section{
    margin-top: 5px;
}
.opl-public-careers-banner-section{
    position: relative;
    font-family:'Poppins','Roboto',Arial, sans-serif;
}
h1.heading.contactus-header{
    font-size: var(--titleFontSize)!important;
}
.opl-public-careers-heading{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    padding: 0 20px;
}
.no-job-openings-info {
    text-align: center;
    padding-top: 15px;
}
.form-control {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 0px;
    color: #6D6E71;
    font-family: var(--DefaultFontFamily);
    font-size: var(--bodyFont);
    line-height: 23px;
    height: calc(1.5em + 0.75rem + 5px);
}
.opl-public-contact-bottom-wrapper{
    max-width: 715px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10.5pt;
    padding-top: 30px;
}
.opl-bottom-text{
    padding-bottom: 30px;
    font-weight: bold;
}
@media only screen and (max-width:575.98px){
    .opl-public-discription-section {
        margin-right: auto;
        margin-left: auto;
        max-width: 600px;
        text-align: center;
        margin-top: 30px;
    }
    .opl-public-contactus-banner-img {
        width: 100%;
        height: 1000px !important;
    }
}
/*contact us page end*/
/*career page start*/
.opl-public-careers-banner-section,
.opl-public-generic-banner-section{
    position: relative;
    max-height: 750px;
    overflow: hidden;
}
.opl-public-careers-banner-section h1{
    font-size: 30pt;
    color: var(--whiteColor);
    text-align: center;
    font-weight: bold;
}
.webelieve-header2 {
    font-size: 13.5pt;
}
.opl-public-careers-content-section{
    padding: 30px 40px 0px;
}
.opl-public-careers-content-team{
    align-items: center;
}    
.opl-public-careers-content-team h2{
    text-align: center;
    font-weight: bold;
}    
.opl-public-careers-content-opening{
    padding-top:30px;
}    
.opl-public-careers-content-img-panel{
    padding: 40px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}    
.opl-public-careers-content-img-panel img{
    width: calc((100% / 5) - 10px);
    margin: 0px 5px;
}
.opl-public-careers-content-img-panel img:last-child{
    margin-right: 0px;
}
.opl-public-careers-content-img-panel img:first-child{
    margin-left: 0px;
}    
.opl-public-careers-content-opening h1{
    border-bottom: 10px solid var(--blackColor);
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
}    
.opl-public-careers-content-opening h2{
    font-weight: bold;
}    
.opl-public-careers-content-opening .opening-details{
    padding-top: 20px;
}
.opl-public-careers-content-opening .opening-details a{
    color: var(--blackColor);
    font-weight: bold;
}
.opening-details-viewmore{
    text-align: center;
    padding-top: 20px;
}
@media only screen and (max-width : 580px) {
    .opl-public-careers-content-img-panel{
        display: flex;
        flex-direction: column;
    }
    .opl-public-careers-content-img-panel img {
        width: 100%;
        margin: 5px 0;
    }
    .opl-public-careers-banner-section h1{
        font-size: 26pt;
    }
    .webelieve-header2 {
        font-size: 11.5pt;
    }
}
/*career page end*/
/*Generic Content page start*/
.opl-public-generic-banner-section h1{
    font-size: 30pt;
    color: var(--whiteColor);
    text-align: center;
    font-weight: bold;
}
.opl-public-generic-heading{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
}
.opl-public-aboutus-heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.opl-public-generic-content-section{
    padding: 40px 0px;
}
.opl-public-generic-content-section h2,
.opl-public-generic-content-section h3{
    font-weight: bold;
}
.generic-content,
.generic-contents-applynow{
    padding-top: 20px;
}
.opl-public-generic-content-links{
    padding-top:90px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.opl-public-generic-content-links .btn{
    margin-left: 20px;
    margin-right: 20px;
}
.opl-public-aboutus-heading .button-wrapper{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .opl-btn-default{
        min-width: 160px !important;
    }
}
@media only screen and (max-width : 580px) {
    .opl-public-generic-content-links {
        flex-direction: column;
        align-items: center;
    }
    .opl-public-generic-content-links .btn{
        margin: 10px;
    }
}

/*Generic Content page end*/
/*Brand Lead page start*/
.brand-lead-page .opl-co-brand-hero-banner-section {
    position:relative;
    top:0;
}

.brand-lead-page .opl-overlay-container .button-wrapper{
    width:100%;
    display: contents;
}
.brand-lead-page .opl-section-header h3 {
    font-weight: bold;
}

.brand-lead-page .opl-seasonal-BTF-hero-container .opl-overlay-container .hero-banner-content-bg-store-color {
    background: var(--bannerOverlayWhite);
    mix-blend-mode: unset;
    opacity: 95%;
}
.opl-cobrand-page.brand-lead-page .opl-seasonal-BTF-hero-container .opl-overlay-container .homeslider-content.text-center{
    justify-content: space-around;
}
.brand-lead-page .opl-seasonal-BTF-hero-container .opl-overlay-container {
    color: var(--blackColor);
}
.brand-lead-page .opl-seasonal-BTF-hero-container .opl-hero-overlay-content {
    width:90%;
    text-align: left;
}
.opl-seasonal-BTF-hero-container .opl-hero-overlay-content p.text-small {
    font-size: 14pt;
    font-weight: normal;
    justify-content: left;
}
.opl-theme-black-sections .multi-column-slider .reviewslider .slides {
    display: flex;
}
.multi-column-slider .reviewslider .slides li {
    display: inline-flex !important;
}
.opl-brandlead-meetpursuit-container{
    width: 100%;
    /* height:600px; */
    background-color: #efefef;  /* #FCF9F9;*/
    margin: 0;
    padding: 0px 20px;
    align-items: center;
}
.opl-meetpursuit-image-div{
   padding: 10px 20px;
}

.opl-brandlead-meetpursuit-content .text-big {
    font-size: 24.5pt;
    line-height: 38px;
    font-weight: bold;
}

.opl-brandlead-meetpursuit-content .text-small {
    font-size: 16.5pt;
    line-height: 38px;
}

.coretheme-item {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.coretheme-item-inner {
    padding: 20px 25px;
    min-height: 285px;
    background:var(--ProductTileBGColor);
    height: 100%;
}

.coretheme-item-image-wrap{
    background: var(--ProductTileImgBorder);
    margin: 0 auto;
    margin-bottom: 5px;
}
.coretheme-item-content-wrap h3.title {
    font-size: 15pt;
    font-weight: bold;
    margin-top: 15px;
}

.coretheme-item-content-wrap p.desc {
    font-size: 12pt;
    margin-top: 15px;
    margin-bottom: 10px;
    min-height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*slider start*/
.opl-slider-with-prev-next-item-visible{
    overflow: hidden;
}
.opl-slider-with-prev-next-item-visible .flexslider {
 width: 70% !important;
 margin:0 auto !important;
}

.opl-slider-with-prev-next-item-visible .flex-viewport {
    overflow: unset !important;
}

.opl-slider-with-prev-next-item-visible .slides li .bottomslider-item {
    margin: 0 15px;
    position: relative;
}

.opl-slider-with-prev-next-item-visible .opl-public-cobrand-overlay {
    background: linear-gradient(45deg,rgb(0 115 156 / 62%),rgb(139 120 50/28%));
    mix-blend-mode: normal;
}

.opl-slider-with-prev-next-item-visible .opl-overlay-container {
    width: 450px;
    max-height: calc(100% - 70px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--blackColor);
}

.opl-slider-with-prev-next-item-visible .opl-overlay-container .text-big {
    font-size: 16.5pt;
    line-height: 25px;
    font-weight: bold;
}
.opl-slider-with-prev-next-item-visible .opl-overlay-container .text-small {
    font-size: 12pt !important;
    padding-top: 10px;
    line-height: 22px;
}
.opl-slider-with-prev-next-item-visible .opl-overlay-container .button-wrapper{
    display: block;
}

.opl-slider-with-prev-next-item-visible .opl-overlay-container .hero-banner-content-bg-store-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--bannerOverlayWhite);
    mix-blend-mode: unset;
    opacity: 90%;
}
@media screen and (max-width: 1199.98px){
    .coretheme-item {
        margin-bottom: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container{
        width: 375px;
        padding: 20px 20px 20px;
        max-height: calc(100% - 30px);
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-small {
        font-size: 10pt !important;
        padding-top: 10px;
        line-height: 18px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container a.btn.btn-primary.opl-btn-default{
        line-height: 18px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-big {
        font-size: 15.5pt;
        line-height: 24px;
    }
    .opl-slider-with-prev-next-item-visible .slides li .bottomslider-item {
        margin: 0 10px;
    }
    .opl-seasonal-BTF-hero-container .opl-hero-overlay-content p.text-small {
        font-size: 12pt;
        justify-content: left;
    }
    .opl-brandlead-meetpursuit-content .text-big {
        font-size: 22.5pt;
        line-height: 30px;
    }
    .opl-brandlead-meetpursuit-content .text-small {
        font-size: 14.5pt;
        line-height: 26px;
    }
}
@media screen and (max-width: 991.98px){
    .opl-brandlead-meetpursuit-content .text-small {
        font-size: 12.5pt;
        line-height: 20px;
    }
    .opl-brandlead-meetpursuit-content .text-big {
        font-size: 18.5pt;
        line-height: 30px;
    }
    .opl-meetpursuit-image-div {
        padding: 10px;
    }
    .opl-brandlead-meetpursuit-content .opl-btn-default {
        min-width: 200px !important;
    }
    .opl-slider-with-prev-next-item-visible .flexslider {
        width: 80% !important;
    }
    .opl-slider-with-prev-next-item-visible .slides li .bottomslider-item {
        margin: 0 5px;
    }
    .brand-lead-page .opl-seasonal-BTF-hero-container .opl-hero-overlay-content {
        width: 100%;
    }
    .opl-seasonal-BTF-hero-container .opl-hero-overlay-content p.text-small {
        font-size: 10pt;
        line-height: 16px;
    }
    .coretheme-item-inner {
        padding: 15px 15px;
    }
    .multi-column-slider .reviewslider .slides li {
        padding: 0 10px;
    }
    .coretheme-item-content-wrap p.desc {
        font-size: 10pt;       
        line-height: 18px;
    }
    .coretheme-item-content-wrap h3.title {
        font-size: 12pt;
    }
}
@media screen and (max-width: 767.98px){
    .opl-seasonal-BTF-hero-container {
        position: relative;
        top: 0;
        max-height: 605px;
        overflow: hidden;
    }
    .opl-seasonal-BTF-hero-container .opl-hero-overlay-content p.text-small {
        font-size: 16pt;
        line-height: 24px;
    }
    .opl-brandlead-meetpursuit-content .text-big {
        font-size: 24.5pt;
        line-height: 38px;
        margin-top: 40px
    }
    .opl-brandlead-meetpursuit-content .text-small {
        font-size: 16.5pt;
        line-height: 38px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container {
        width: 350px;
        padding: 20px 20px 20px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-small {
        font-size: 14pt !important; 
        line-height: 24px;
        padding-top: 20px;
    }
    .reviewslider .slides li {
        float: left;
        width: calc(100% / 2);
        padding: 0 15px;
    }
    #BrandSignUpForm .opl-partner-success-message, #HelpForm .opl-help-success-message{
        top: -70px !important;
    }
    .opl-public-discription-section {
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 579.98px){
    .opl-slider-with-prev-next-item-visible .flexslider {
        width: 90% !important;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container {
        width: 75%;
        padding: 15px;
    }    
}
@media screen and (max-width: 474.98px){
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-big {
        font-size: 13.5pt !important;
        line-height: 25px;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-small {
        font-size: 10pt !important;
        padding-top: 10px;
        line-height: 16px;
    }
    .opl-cobrand-page .opl-theme-black-sections a.btn.btn-primary.opl-btn-default,
    .opl-cobrand-page .opl-theme-black-sections button.btn.btn-primary.opl-btn-default {
        font-size: 10pt !important;
    }
    .opl-theme-black-sections a.btn.btn-primary.opl-btn-default,
    .opl-theme-black-sections button.btn.btn-primary.opl-btn-default {
        padding: 10px 10px !important;
    }
    .opl-cobrand-page .opl-hero-overlay-heading .text-big {
        font-size: 16pt !important;
        line-height: 26px;
    }
    .opl-seasonal-BTF-hero-container .opl-hero-overlay-content p.text-small {
        font-size: 10pt;
        line-height: 20px;
    }
    .multi-column-slider .blacksolid-arrow .flex-direction-nav a,
     .whiteoutline-arrow .flex-direction-nav a {
        height: 25px;
        width: 25px;
    }
    .multi-column-slider .blacksolid-arrow .flex-direction-nav .flex-prev {
        left: -15px;
    }
    .multi-column-slider .blacksolid-arrow .flex-direction-nav .flex-next {
        right: -15px;
    }
    .reviewslider .slides li {
        float: left;
        width: 100%;
        padding: 0 15px;
    }
    .opl-brandlead-meetpursuit-content .text-big {
        font-size: 18.5pt;
        line-height: 30px;
    }
    .opl-brandlead-meetpursuit-content .text-small {
        font-size: 12.5pt;
        line-height: 20px;
    }
    .multi-column-slider .reviewslider .slides li {
        padding: 0 10px;
    }
    .opl-meetpursuit-image-div {
        padding: 5px;
    }
    .opl-brandlead-meetpursuit-container{
        padding: 0px 10px;
    }
    .coretheme-item-content-wrap p.desc {
        font-size: 12pt;       
        line-height: 24px;
    }
    .coretheme-item-content-wrap h3.title {
        font-size: 15pt;
    }
}
@media screen and (max-width: 359.98px){
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-big {
        font-size: 12.5pt !important;
        line-height: 18px !important;
    }
    .opl-slider-with-prev-next-item-visible .opl-overlay-container .text-small {
        font-size: 9pt !important;
        padding-top: 10px;
        line-height: 13px;
    }
    #BrandSignUpForm .opl-partner-success-message, #HelpForm .opl-help-success-message{
        top: -95px !important;
    }
    .opl-public-discription-section {
        margin-bottom: 80px;
    }
}

/*slider end*/
/*Brand Lead page end*/
/*Brand Lead Form page start*/
   
    .opl-public-brandform-heading{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        align-items: center;
        padding: 0 20px;
    }

    .opl-public-brandform-section{
        margin-top: 70px;
        margin-bottom: 80px;
    }

    #BrandSignUpForm .field-validation-error,
    #HelpForm .field-validation-error{
        color: var(--whiteColor) !important;
        position: absolute;
    }
    #BrandSignUpForm .opl-partner-success-message,
    #HelpForm .opl-help-success-message{
        position: absolute;
        top: -50px;
        width: 100%;
    }
    .submit-btn-wrapper{
        justify-content: center;
        margin-top: 20px;
    }

    .opl-public-brandform-description-header{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .opl-public-brandform-banner-img{
        width: 100%;
        height: 1000px !important;
    }

    .grid-row-spacing{
        grid-row-gap: 20px;
    }

    @media only screen and (max-width:575.98px){
        .opl-public-brandform-banner-img {
            width: 100%;
            height: 1050px !important;
        }

        .opl-public-brandform-section{
            margin-top: 80px;
            margin-bottom: 50px;
        }
    }

/*Brand Lead Form page End*/
.opl-hear-is-deal-item-list {
    display: flex;
}
.opl-hear-is-deal-item {
    margin: 10px;
    border: 10px solid;
    position: relative;
    width: calc((100% - 80px) / 4);
}
.opl-store-1 .opl-hear-is-deal-item {
	border-color: var(--oplPrimary);
}
.opl-store-4 .opl-hear-is-deal-item {
	border-color: var(--pursuitPrimary);
}
.opl-cobrand-page .opl-hear-is-deal-item {
    border-color: var(--blackColor);
}
.opl-deal-hover-overlay {
    display: none;
}
.opl-hear-is-deal-item-content {
    padding: 15px;
}
.opl-hear-is-deal-item-content h3.title,
.opl-deal-hover-overlay .title {
    font-size: 18pt;
    font-weight: bold;
}
.opl-cobrand-page span.opl-heading-border-store-line {
	background: var(--blackColor);
}
.opl-hear-is-deal-item-content p.desc,
.opl-deal-hover-overlay .desc {
    font-size: 14pt;
    line-height: 24px;
}
.opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
.opl-hear-is-deal-item.active .opl-deal-hover-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: var(--whiteColor);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.opl-store-1 .opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
.opl-store-1 .opl-hear-is-deal-item.active .opl-deal-hover-overlay{
    background: var(--oplPrimary);
}
.opl-store-4 .opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
.opl-store-4 .opl-hear-is-deal-item.active .opl-deal-hover-overlay{
    background: var(--pursuitPrimary);
}
.opl-cobrand-page .opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
.opl-cobrand-page .opl-hear-is-deal-item.active .opl-deal-hover-overlay{
    background: var(--blackColor);
}
.opl-deal-hover-overlay .title{
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.opl-deal-hover-overlay > img {
    max-width: 70%;
}
.opl-deal-hover-overlay .desc{
    width: 80%;
    text-align: center;
}
.opl-cobrand-page .opl-btn-store-outline, 
.opl-cobrand-page .opl-btn-store-outline.disabled:hover, 
.opl-cobrand-page .opl-btn-store-outline.disabled:active,
.opl-cobrand-page .opl-btn-store-outline.disabled:focus {
    border-color: var(--blackColor) !important;
    color: var(--blackColor) !important;
}
.opl-theme-black-sections .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-default,
 .opl-theme-black-sections .opl-deal-overlay-content a.btn.btn-primary.opl-btn-default {
    margin-top: 10px;
}
.opl-cobrand-page .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-black-outline:hover, 
.opl-cobrand-page .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-black-outline:focus, 
.opl-cobrand-page .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-black-outline:active{
    color: var(--whiteColor) !important;
    background-color: var(--blackColor) !important;
}
@media screen and (max-width: 1199.98px){
    .opl-hear-is-deal-item-content h3.title {
        font-size: 14pt;
        font-weight: bold;
    }
    .opl-hear-is-deal-item-content p.desc {
        font-size: 12pt;
        line-height: 20px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 997.98px){
    .opl-deal-hover-overlay .desc {
        font-size: 10pt;
        width: 70%;
        text-align: center;
        line-height: 18px;
    }
    .opl-deal-hover-overlay .title {
        margin-top: 35px !important;
        margin-bottom: 20px !important;
        font-size: 20pt;
        font-weight: bold;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .opl-deal-hover-overlay img {
        width: 70%;
    }
}
@media screen and (max-width: 768px){
    .opl-hear-is-deal-item-list {
        display: flex;
        flex-direction: column;
    }
    .opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
    .opl-hear-is-deal-item.active .opl-deal-hover-overlay {
        flex-direction: row;        
        align-items: center;
    }
    .opl-hear-is-deal-item {
        width: calc(100% - 20px);
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .opl-hear-is-deal-item-content h3.title {
        font-size: 24pt;
    }
    .opl-hear-is-deal-item-content {
        padding: 30px;
    }
    .opl-hear-is-deal-item:hover .opl-deal-hover-overlay{
        flex-direction: row;
            padding: 20px;
    }
    .opl-deal-hover-overlay .desc {
        font-size: 16pt;
        width: 100%;
        line-height: 25px;
    }
    .opl-deal-overlay-content {
        padding: 25px;
    }
    .opl-deal-hover-overlay .title{
        width: 90%;
    }
    .opl-hear-is-deal-item > div{
		width:50%;
	}
    .opl-hear-is-deal-item-content h3.title {
        font-size: 18pt !important;
    }
	.opl-hear-is-deal-item-content {
		padding: 20px !important;
	}
	.opl-theme-black-sections .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-default,
	.opl-theme-black-sections .opl-deal-overlay-content a.btn.btn-primary.opl-btn-default{
		padding: 10px 15px !important;
		font-size: 12pt !important;
	}
    .opl-hear-is-deal-item .opl-deal-hover-overlay img {
        width: 50% !important;
        padding: 5%;
    }
    .opl-hear-is-deal-item .opl-deal-overlay-content {
        padding: 15px !important;
    }
    .opl-hear-is-deal-item .opl-deal-hover-overlay .title {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        font-size: 20pt !important;
        width: 95% !important;
    }
	.opl-hear-is-deal-item:hover .opl-deal-hover-overlay {
		flex-direction: row;
		padding: 10px !important;
	}
    .opl-hear-is-deal-item .opl-deal-hover-overlay .desc {
        font-size: 12pt !important;
        width: 100%;
        line-height: 20px;
    }
}
@media screen and (max-width: 580px){
    .opl-deal-hover-overlay .title {
        margin-top: 35px !important;
        margin-bottom: 15px !important;
        font-size: 14pt;
        font-weight: bold;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .opl-deal-hover-overlay .desc {
        font-size: 12pt;
        width: 100%;
        line-height: 20px;
    }
    .opl-deal-overlay-content {
        padding: 20px;
    }
    .opl-deal-hover-overlay img {
        width: 50%;
    }
    .opl-hear-is-deal-item-content h3.title {
        font-size: 14pt !important;
    }
    .opl-hear-is-deal-item-content {
        padding: 10px !important;
    } 
    .opl-hear-is-deal-item-content p.desc {
        font-size: 10pt;
        line-height: 16px;
        margin-bottom: 0;
    }   
    .opl-theme-black-sections .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-default, .opl-theme-black-sections .opl-deal-overlay-content a.btn.btn-primary.opl-btn-default {
        padding: 5px 10px !important;
        font-size: 10pt !important;
    }
}
@media screen and (max-width: 480px){
    .opl-hear-is-deal-item,
    .opl-hear-is-deal-item:hover .opl-deal-hover-overlay,
    .opl-hear-is-deal-item.active .opl-deal-hover-overlay {
        flex-direction: column;
    }
    .opl-hear-is-deal-item > div{
            width: 100%;
    }
    .opl-hear-is-deal-item-content {
        padding: 20px !important;
    }
    .opl-hear-is-deal-item-content h3.title {
        font-size: 18pt !important;
    }    
    .opl-hear-is-deal-item-content p.desc,
    .opl-hear-is-deal-item .opl-deal-hover-overlay .desc {
        font-size: 14pt;
        line-height: 24px;
    }   
    .opl-theme-black-sections .opl-hear-is-deal-item-content a.btn.btn-primary.opl-btn-default, 
    .opl-theme-black-sections .opl-deal-overlay-content a.btn.btn-primary.opl-btn-default {
        padding: 10px 15px !important;
        font-size: 12.5pt !important;
    }
    .opl-hear-is-deal-item:hover .opl-deal-hover-overlay {
        flex-direction: column;
    }
    .opl-hear-is-deal-item .opl-deal-overlay-content {
        padding: 10px !important;
    }    
}
.donation-row {
    width: 100%;
    padding: 5px 0px;
    margin-left: 0px !important;
    display: flex;
    flex-wrap: wrap;
}

.opl-donation-desktop-container {
    display: flex;
    flex-wrap: wrap;
}

.donation-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    padding: 25px;
}

.opl-donation-item-wrapper {
    padding: 5px;
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    background: #eeeeee;
}

.opl-donation-item-wrapper1 {
    width: 100%;
}

.opl-donation-ytd {
    width: calc(100% - 10px);
    position: absolute;
    bottom: 0;
    left: 5px;
}

.opl-public-we-keep-section.opl-aboutus-page .opl-public-four-col-content-wrapper {
    margin-top: 60px;
    margin-bottom: 20px;
}

.opl-col-content-wrapper {
    background: #EBEDED 0% 0% no-repeat padding-box;
}

.position-relative {
    position: relative !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.opl-public-two-row-section.opl-aboutus-page .opl-public-story-content-wrapper .title,
.opl-public-our-teams-section.opl-aboutus-page.opl-our-team .opl-public-header-with-border .title,
.opl-public-we-keep-section.opl-aboutus-page .opl-public-full-width-content-wrapper .opl-full-width-content .title {
    line-height: 58px;
    letter-spacing: -0.9px;
    color: #202124;
}

.opl-public-two-row-section.opl-aboutus-page .opl-public-header-with-border .title,
.opl-public-our-teams-section.opl-aboutus-page.opl-our-team .opl-public-header-with-border .title,
.opl-public-we-keep-section.opl-aboutus-page .opl-public-full-width-content-wrapper .opl-full-width-content .title {
    font-size: 34px;
    line-height: 37px;
    margin-bottom: 10px;
}

.opl-public-banner-section.opl-aboutus-page .opl-public-banner-content-wrapper {
    top: 110px;
}

.opl-public-banner-section.opl-aboutus-page .banner-heading {
    margin-bottom: 10px;
}

.opl-public-two-row-section.opl-aboutus-page {
    padding: 60px 0 90px 0;
}

    .opl-public-two-row-section.opl-aboutus-page .opl-public-header-with-border .title {
        margin-bottom: 0px;
    }

    .opl-public-two-row-section.opl-aboutus-page .opl-public-desc p.desc-1 {
        color: #383838;
        font-family: robotoblack;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .opl-public-two-row-section.opl-aboutus-page .opl-public-btn-wrapper {
        margin-top: 20px;
    }

    .opl-public-two-row-section.opl-aboutus-page .opl-public-story-content-wrapper .title,
    .opl-public-our-teams-section.opl-aboutus-page.opl-our-team .opl-public-header-with-border .title,
    .opl-public-we-keep-section.opl-aboutus-page .opl-public-full-width-content-wrapper .opl-full-width-content .title {
        line-height: 58px;
        letter-spacing: -0.9px;
        color: #202124;
    }

    .opl-public-two-row-section.opl-aboutus-page .opl-public-header-with-border {
        margin-bottom: 20px;
    }

    .opl-public-two-row-section.opl-aboutus-page.opl-our-story {
        padding-bottom: 60px;
    }

.opl-public-we-keep-section.opl-aboutus-page .opl-full-width-content .desc-2 {
    width: 705px;
    margin: 10px auto;
}

.opl-public-we-keep-section.opl-aboutus-page .opl-public-four-col-content-wrapper {
    margin-top: 60px;
    margin-bottom: 20px;
}

.opl-public-we-keep-section.opl-aboutus-page .opl-public-we-keep-col-icon {
    height: auto;
}

.opl-public-we-keep-section.opl-aboutus-page .opl-public-we-keep-col-details .desc {
    line-height: 25px;
    font-size: 16px;
    font-family: robotomedium;
    margin-bottom: 5px;
}

.opl-public-join-community-section.opl-aboutus-page .opl-public-community-content-wrapper .btn-opl-public-cta {
    width: auto;
    padding: 10px 25px;
    margin-left: 10px;
}

.opl-public-ceo-testimonial-section.opl-aboutus-page {
    padding-top: 50px;
}

    .opl-public-ceo-testimonial-section.opl-aboutus-page .opl-images-container {
        background: #226CB2;
        opacity: 1;
        margin-top: 50px;
        padding: 15px 0px;
    }

        .opl-public-ceo-testimonial-section.opl-aboutus-page .opl-images-container .opl-images-wrapper img {
            margin-right: 15px;
            width: calc((100% - 59px) / 4 );
        }

            .opl-public-ceo-testimonial-section.opl-aboutus-page .opl-images-container .opl-images-wrapper img:last-child {
                margin-right: 0px;
            }

    .opl-public-ceo-testimonial-section.opl-aboutus-page .overlay-content {
        position: absolute;
        transform: none;
        bottom: -30px;
        right: 0px;
        width: auto;
        top: auto;
        left: auto;
    }

        .opl-public-ceo-testimonial-section.opl-aboutus-page .overlay-content img {
            width: 75%;
            position: relative;
            right: -60px;
        }

    .opl-public-ceo-testimonial-section.opl-aboutus-page .opl-comment {
        position: relative;
        margin-left: 50px;
        margin-top: 40px;
    }

    .opl-public-ceo-testimonial-section.opl-aboutus-page .opl-comment-qoute {
        position: absolute;
        left: -50px;
        top: -45px;
    }

.opl-our-team .overlay-content {
    padding: 40px;
}

    .opl-our-team .overlay-content .opl-pro-name {
        margin-bottom: 0;
        font-size: 13pt;
        line-height: 10pt;
        font-weight: bold;
        padding-bottom: 8px;
    }

    .opl-our-team .overlay-content p.opl-pro-job {
        margin-bottom: 15px;
        margin-top: 10pt;
        font-size: 9pt;
        line-height: 10px;
    }

    .opl-our-team .overlay-content .opl-pro-exp {
        font-size: 9pt;
        line-height: normal;
    }

.opl-our-team .opl-public-pro-hover-content .heading-h4 {
    line-height: 10px;
    font-size: 17px;
}

.opl-our-team .opl-public-pro-hover-content .desc {
    font-size: 8px;
    line-height: 10px;
}

.opl-our-team .opl-public-pro-hover-content {
    padding: 10px 12px;
    height: 43.5px;
    border-radius: 0;
}

.opl-aboutus-donation-row {
    background: #EBEDED 0% 0% no-repeat padding-box;
    width: calc((100% / 4) - 10px);
    margin: 0px 10px;
}

.opl-public-aboutus-content-img-panel {
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.opl-col-donation-content-wrapper {
    padding: 25px 20px 15px 20px;
}

.aboutus-content-header-first {
    font-weight: bold;
    padding-bottom: 15px;
}

.aboutus-content-header-second {
    font-weight: bold;
    padding-bottom: 10px;
}

.opl-public-we-keep-col-details {
    padding-top: 20px;
}

.meet-founder-desc {
    background: black;
    color: white;
}

.giving-back-title {
    text-align: center;
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

.our-teams-header {
    font-weight: bold;
    padding-bottom: 20px;
}

.webelieve-header {
    font-size: 20pt;
    font-weight: bold;
}

.opl-public-aboutus-content-section {
    max-width: 800px;
    margin-left: 10%;
    padding-top: 40px;
}


.opl-public-meetourfounder-section {
    padding: 40px 10px 0px 10px;
}

.giving-back-section {
    padding-top: 40px;
}

.opl-public-our-teams-section {
    padding-top: 40px;
}

.meet-founder-img {
    padding-right: 5px;
}

.meet-founder-desc {
    margin-left: 5px;
    padding: 60px;
}

.meet-founder-desc-title {
    font-weight: bold;
    padding-bottom: 40px;
}

.donation-logo-img {
    display: flex;
}

@media only screen and (min-width : 1350px) {
    .opl-btn-default {
        min-width: 160px;
    }
    .webelieve-header {
        font-size: 30pt;
        font-weight: bold;
    }
    .step2-count {
        margin-right: 90px;
    }
    .meet-ourfounder-desc {
        width: 500px;
        font-size: 12pt;
    }

    .aboutus-content-header-first {
        padding-bottom: 15px;
    }

    .opl-public-aboutus-content-section {
        max-width: 1100px !important;
        margin-left: 15% !important;
        padding-top: 50px;
    }

    .opl-public-meetourfounder-section {
        padding: 60px 12px 0px 12px;
    }

    .meet-founder-img {
        padding-right: 6px;
    }

    .meet-founder-desc {
        margin-left: 6px;
        padding: 60px;
    }

    .meet-founder-desc-title {
        font-weight: bold;
        padding-bottom: 40px;
    }

    .giving-back-section {
        padding-top: 60px;
    }

    .opl-public-our-teams-section {
        padding-top: 40px;
    }

    .opl-our-team .overlay-content .opl-pro-name {
        margin-bottom: 10px;
        font-size: 13.5pt;
        line-height: 10px;
        padding-top: 10px;
    }

    .opl-our-team .overlay-content p.opl-pro-job {
        margin-bottom: 30px;
        margin-top: 2px;
        font-size: 10pt;
        line-height: 10px;
    }

    .opl-our-team .overlay-content .opl-pro-exp {
        font-size: 10px;
        line-height: 25px;
        font-size: 10pt;
    }
}
@media only screen and (max-width : 1199.98px) {
    .meet-founder-desc {
        padding: 40px;
    }
}
@media only screen and (max-width : 997.98px) {
    .opl-public-aboutus-content-section {
        max-width: 600px;
        margin-left: 10%;
        padding-top: 30px;
    }

    .opl-public-meetourfounder-section {
        padding: 30px 10px 0px 10px;
    }

    .meet-founder-desc {
        padding: 20px;
    }

    .meet-founder-desc1 {
        font-size: 13.5pt;
    }

    .meet-founder-desc-title {
        padding-bottom: 10px;
    }

    .giving-back-title {
        width: 50%;
    }
}

@media only screen and (max-width : 480px) {
    .opl-public-aboutus-content-section {
        max-width: 400px !important;
        margin-left: 5% !important;
        padding: 15px;
        padding-top:20px;
    }

    .opl-public-meetourfounder-section {
        padding: 20px 10px 10px 10px;
    }
    .opl-public-careers-content-opening {
        padding-top: 20px;
    }
    .opl-public-meetourfounder-section {
        padding-top: 20px;
    }
    .aboutus-content-header-second {
        padding-bottom: 5px;
    }
    .webelieve-header2 {
        font-size: 9.5pt;
        text-align: center;
    }
    .giving-back-title {
        width: 90%;
    }
    .giving-back-section {
        padding-top: 20px;
    }
    .opl-aboutus-donation-row {
        width: 95%;
        margin: 5px auto;
    }
    .meet-founder-img {
        padding-right: 0px;
    }
}

@media only screen and (max-width : 580px) {
    .opl-public-aboutus-content-img-panel {
        display: flex;
        flex-direction: column;
    }

    .opl-aboutus-donation-row {
        width: 100%;
        margin: 5px 0;
    }
}

.rowteam > div {
    padding: 5px !important;
}
.footer-store-color-blue {
    background: var(--oplPrimary);
    height: 50px;
    margin-top: 30px;
}
.field-position{
    position:unset!important;
}
.aboutus-form-control {
    border: 1px solid #707070;
    padding: 0.375rem 1.75rem;
    color: black !important
}

    .aboutus-form-control.dropdown-opacity {
        opacity: 0.7 !important;
        padding-left: 1.72em;
    }

.public-web-signup-banner-section {
    position: relative;
    max-height: 750px;
    overflow: hidden;
}
 .opl-hero-banner-section img.img-fluid.hidden-lg.hidden-md.hidden-sm {
    min-height: 525px;
}

.custom-selectbox-arrow {
    background: url(/assets/images/arrow-icon/arrow-green-down.svg) no-repeat 98% 59%;
    -webkit-background-size: 12px 8px;
    -moz-background-size: 12px 8px;
    -o-background-size: 12px 8px;
    background-size: 22px 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: var(--blackColor) !important;
}

.opl-job-category-list {
    min-width: 250px;
    width: 100%;
    max-width: 400px;
    background-color: var(--whiteColor);
    margin: 0 auto;
    border: 1px solid #383838;
    border-radius: 3px;
    color: #6D6E71;
    font-size: 14px;
    line-height: 23px;
    font-family: robotomedium;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
}

.oplgreen {
    background: var(--pursuitPrimary)!important;
}

.oplblue {
    background: var(--oplPrimary)!important;
}
.pro-deals-left, .pro-deals-right {
    padding: 30px 0px 30px 0px;
}

.pro-deals-qualify {
    padding: 7px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.pro-deals-checkbox {
    font-size: 18pt;
    padding-right: 10px;
}
.signup-overlay-content2 {
    font-size: 13.5pt;
}

.public-web-signup-qualify-pro-deals-section {
    padding-top: 60px;
    width: 70%;
    margin: auto
}

.public-web-signup-content-wrapper h5 {
    font-size: 13.5pt;
    font-weight: bold;
}

.content-padding-bottom {
    padding-bottom: 20px;
}

.public-web-secondbanner-section ,
.opl-public-apply-for-section {
    padding-top: 60px;
}

.pro-deals-desc {
    font-size: 10.5pt;
    margin-bottom: 30px;
}

.public-web-signup-header-with-border {
    width: 50%;
    margin: auto;
}

.signup-custom-dropdown-wrapper {
    width: 85%;
    display: flex;
    background: var(--blackColor);
    color: var(--whiteColor);
    padding: 15px;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.signup-form-disabled .opl-public-spa-heading-container,
.signup-form-disabled .opl-public-application-form-section,
.signup-form-disabled #uploadSupportDocs .form-description {
    display: none;
}

.signup-form-disabled .form-group,
.signup-form-disabled .opl-smsoptin-wrapper {
    pointer-events: none;
    opacity: 0.2;
}

    .signup-form-disabled .form-group .form-label {
        opacity: 0.8;
    }

.signup-form-disabled .opl-public-application-requireddoc-steps-container, .signup-form-disabled .opl-public-application-form-step2-wrap {
    display: none !important;
}

.opl-public-application-form-step2-wrap {
    width: 85%;
    background: var(--pursuitPrimary);
    color: var(--blackColor);
    padding: 15px;
    flex-direction: column;
    margin: auto;
}

.signup-form-disabled.opl-public-application-form-section {
    padding-top: 5px;
}

.signup-form-disabled .btn-opl-public-cta.disabled {
    background: #BECC26 0% 0% no-repeat padding-box;
    color: #383838;
}

.form-field-description {
    font-size: 10.5pt;
    line-height: 23px;
    color: #6D6E71;
    opacity: 0.7;
    padding-left: 2px;
}

.btn-file {
    margin-left: 0;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}

div#selectedFiles {
    font-size: 16px;
    font-family: robotomedium;
    margin-top: 10px;
    line-height: 24px;
}

.signup-steps {
    display: flex;
    align-items: center;
}

.step1-title {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    font-size: 20pt;
    font-weight: bold;
    margin-top: 40px;
}

.step1-count {
    margin-right: 100px;
}

.step-countinner {
    font-size: 75px;
    font-weight: bold;
    margin-top: 15px;
}

.step2-count {
    margin-right: 80px;
    padding-top: 28px
}
.storename,
.label-bold {
    font-weight: bold;
}

.opl-public-signup-whole-team-img,
.opl-public-signup-whole-team-text {
    width: 50%;
}
@media only screen and (min-width : 1350px) {
    .step2-count {
        margin-right: 80px;
      
    }
    .opl-public-signup-whole-team-img,
    .opl-public-signup-whole-team-text {
        width: 50%;
    }
}
@media only screen and (max-width : 997.98px) {
    .opl-public-application-form-step2-wrap,
    .signup-custom-dropdown-wrapper,
    .opl-public-signup-whole-team-img {
        width: 100%;
    }
    .public-web-signup-overlay-container {
        left: 50px;
        height: calc(100% - 84px);
        width: 350px;
    }
    .signup-hero-overlay-heading {
        font-size: 18pt;
    }
    .signup-overlay-content2 {
        font-size: 12pt;
    }
    .public-web-signup-header-with-border {
        width: 90%;
    }
    .signup-steps {
        width: 100%;
        align-items: center;
    }
    .step-countinner {
        margin-top: 15px;
    }
    .step2-count {
        margin-top: 0px;
        margin-right: 80px;
    }
    .opl-public-signup-whole-team-text {
        width: 95%;
        margin: 0 auto !important;
    }
}
@media only screen and (max-width : 767.98px) {
    .step1-count {
        margin-right: 50px;
    }
    .step2-count {
        margin-top: 0px;
        margin-right: 30px;
    }
    .meet-founder-desc {
        margin: 10px 0;
    }
    .meet-founder-img {
        padding-right: 0px;
    }
    .pro-deals-left{
        padding-bottom:0;
    } 
    .pro-deals-right {
        padding-top:0;
    }
}
@media only screen and (max-width : 480px) {
    .public-web-signup-overlay-container {
        width: calc(100% - 30px);
        left: 15px;
        right: 0;
        height: 300px;
    }
    .signup-steps-title{
        width:30px!important;
    }
    .signup-title-1{
        font-size:18pt;
    }
    .step2-count-num {
        margin-top: 15px !important;
        font-size: 60px !important;
    }
    .opl-job-category-list {
        min-width:180px;
    }
    .signup-hero-overlay-heading {
        font-size: 16pt;
        width: 80%;
        line-height: 25px;
    }
    .public-web-signup-content-wrapper {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    .pad-0 {
        padding: 0;
    }
    .public-web-signup-qualify-pro-deals-section {
        width: 90%;
        padding-top: 20px;
    }
    .pro-deals-left {
        padding: 15px 15px 0px 20px!important;
    }
    .pro-deals-right {
        padding: 0px 15px 30px 20px;
    }
    .public-web-secondbanner-section {
        padding-top: 40px;
    }
    .public-web-signup-header-with-border {
        width: 90%;
    }
    .signup-steps {
        width: 100%;
        align-items: center;
    }
    .step1-title {
        font-size: 20pt;
    }
    .step1-count {
        font-weight: bold;
        margin-top: 0px;
        margin-right: 10px
    }
    .step-desc {
        text-align: left;
        width: 75%;
    }
    .job-category-select {
        height: 35px;
        width: 100%;
    }
    .step1-count{
            margin-right: 25px;
    }
    .step2-count {
        margin-right: 15px;
        padding-top: 40px
    }
    .opl-public-application-form-step2-wrap,
    .signup-custom-dropdown-wrapper,
    .opl-public-signup-whole-team-img,
    .opl-public-signup-whole-team-text {
        width: 100%;
    }
    .opl-public-signup-whole-team {
        flex-direction: column;
    }
    .step-countinner {
        font-size: 60px;
    }
}
.new-brand-youtube-embbed iframe {
    width: 100%;
    min-height: 600px;
}

.opl-public-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000000004000;
    background-color: #000;
    opacity: 0.5;
}

.opl-public-loading {
    z-index: 1000000004000;
    position: fixed;
    width: 100%;
    left: 0;
    top: 30%;
    color: #fff;
    text-align: center;
}

.opl-public-loading-message {
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.opl-logo-loader-image.img-responsive {
    margin: 0px auto !important;
    background: url(/Images/opl-logo-spinning-loader.gif);
    animation: none !important;
    width: 2em !important;
    height: 2em !important;
    background-repeat: no-repeat;
    background-size: 90px;
    background-position: center;
    /* filter: brightness(0) invert(0); */
}

.img-responsive {
    display: block;
    font-size: 50px;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 40px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.7s infinite ease;
    animation: loading 1.7s infinite ease;
    border: none;
}
.opl-background-image {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
}
.opl-application-step-info-container{
    display: inline-flex;
}
.opl-idme-container{
    display: inline-flex;
    padding-top: 30px;
}
.opl-overlay-container .idme-btn{
   display: inline-block !important;
   width: 100% !important;
   max-width: 300px !important; 
}
.opl-seprater-or{
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    font-size: 13.5pt;
    padding: 20px;
}
@media only screen and (max-width : 997.98px) {
    .opl-application-step-info-container {
        flex-direction: column;
    }
    .opl-seprater-or {
        justify-content: center;
    }
    .opl-idme-container {
        padding-top: 0px; 
    }
}
/*locale switcher style*/
.opl-locale-setting-container{    
    position: absolute;
    right: 0px;
    top: 0;
    padding: 0 30px;
    height: 100%;
    display: flex; 
    align-content: center;
}
.opl-locale-selected-wrapper img.img-fluid {
    width: 24px;
    margin-right: 15px;
}
.opl-locale-selected-wrapper {
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.opl-menubanner {
    position: relative;
}
.opl-locale-lang a {
    color: var(--whiteColor) !important;
}
.opl-locale-options-container{
    position: absolute;
    background: var(--blackColor);
    padding: 15px 25px 15px 15px;
    right: 10px;
    min-width: 235px;
    z-index: 10;
    top: 38px;
    display: none;
}
.opl-locale-options-container img.img-fluid {
    width: 24px;
    margin-right: 10px;
    height: auto !important;
}
ul.opl-locale-language-options > li:first-child {
    margin-top: 5px;
}
ul.opl-locale-language-options li {
    list-style: none;
    cursor: pointer;
}
li.opl-locale-option-flag {
    text-align: left;
    margin-top: 15px;
}
li.opl-locale-lang {
    text-indent: 50px;
    white-space: nowrap;
}
.opl-locale-setting-container.open .opl-locale-options-container {
    display: block;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    right: 0;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(254, 252, 255, 0);
    border-bottom-color: #fefcff;
    border-width: 10px;
    margin-right: 53px;
}
.arrow_box:before {
    border-color: rgba(11, 11, 176, 0);
    border-bottom-color: #ccc;
    border-width: 10px;
    margin-right: 53px;
}
.opl-locale-options-container.arrow_box:before, 
.opl-locale-options-container.arrow_box:after {
    border-bottom-color: var(--blackColor);
}
.opl-locale-setting-container.opl-locale-mobile-design{
        display: none;
    }
@media only screen and (max-width : 768px)  {
    .opl-locale-setting-container{
        display: none;
    }   
    .opl-locale-setting-container.open{
        padding:20px 30px;
    }
    .opl-locale-setting-container.opl-locale-mobile-design{
        display: block;
        position: relative;
    }
    .opl-locale-mobile-design .opl-locale-selected-wrapper{
        align-items: center;
        justify-content: center;
    }
    .opl-locale-selected-wrapper img.img-fluid{
        margin-right: 10px;
    }
    .opl-locale-options-container{
        position: relative;
        right: auto;
        top: auto;
        padding: 8px;
    }
    ul.opl-locale-language-options {
        display: inline-flex;
        flex-direction: column;
        font-size: 12pt;
        padding-left: 10px;
    }
    li.opl-locale-lang {
        margin-top: 8px;
        text-align: left;
    }   
    .opl-locale-selected-text.open-text {
        font-size: 13.5pt;
        margin-bottom: 12px;
    }
}