@font-face {
    font-family: ArialRoundedMTforSE_Latin;
    src: url(../assets/fonts/ArialRoundedMTforSE-Light_Latin.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Light_Latin.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Latin;
    src: url(../assets/fonts/ArialRoundedMTforSE-Regular_Latin.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Regular_Latin.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Latin;
    src: url(../assets/fonts/ArialRoundedMTforSE-Bold_Latin.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Bold_Latin.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Cyrillic;
    src: url(../assets/fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Regular_Cyrillic.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Cyrillic;
    src: url(../assets/fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Bold_Cyrillic.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Greek;
    src: url(../assets/fonts/ArialRoundedMTforSE-Regular_Greek.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Regular_Greek.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: ArialRoundedMTforSE_Greek;
    src: url(../assets/fonts/ArialRoundedMTforSE-Bold_Greek.woff2) format("woff2"), url(../assets/fonts/ArialRoundedMTforSE-Bold_Greek.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    color: #626469;
    font-family: ArialRoundedMTforSE_Latin,Arial,Helvetica Neue,Helvetica,sans-serif;
}

main {
    padding-bottom: 40px;
}

a,.page-link {
    color: #42b4e6;
}
.alert{
	font-size:13px;
}

.table{
	font-size:13px;
}

.table thead th{
	line-height:1.2;
	background:#42b4e6;
	color:#fff;
}
.table-bordered td, .table-bordered th{
	border:none;
}

.navbar-nav{
	justify-content:space-around;
	width:100%;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
    color: #42b4e6;
}

	.navbar-light .navbar-toggler,.navbar-light .navbar-toggler:focus,.navbar-light .navbar-toggler:active{
		right:15px;
		left:unset;
		border-radius:0 !important;
		border:none !important;
		box-shadow:none !important;
		outline:none !important;
	}

h1, h2, h3, h4 {
    font-family: ArialRoundedMTforSE_Latin,Arial,Helvetica Neue,Helvetica,sans-serif;
}

h3 {
    color: #3dcd58;
}

.btn-primary, .btn-blue, a.btn-blue, a.btn-blue:not([href]):not([tabindex]) {
    background: #42b4e6;
}

.btn-outline, a.btn-outline {
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 22px !important;
}

.btn-outline-black {
    border: 1px solid #626469;
    color: #0f0f0f;
}

.panel-heading {
    border-top: 2px solid #42b4e6;
}

.text-green {
    color: #3dcd58;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

header {
    box-shadow: 0 0 1px 0 rgb(51 51 51 / 55%), 0 3px 6px 0 rgb(51 51 51 / 25%);
}
header.navbar-expand-lg {
    background: #3dcd58;
    flex-flow: column !important;

}

    header nav.navbar {
   height:88px;
		background:none!important;
		
    }


    header .navbar.container {
        align-items: flex-start !important;
    }

.navbar .navbar-nav a.nav-link {
    font-size: 14px;
	color:#fff;
	text-transform:uppercase;
	line-height:unset;	
}

.navbar .navbar-nav a.nav-link:hover{
	
}

.userZone {
    width: 100%;
    background: #f3f2f2;
    height: 40px;
    padding: 9px 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
}

    .userZone a {
        font-size: 14px;
        color: #333;
    }

        .userZone a.icon::before {
            font-size: 16px;
            float: none;
            position: relative;
            top: 4px;
        }

        .userZone a.lnkLogin {
            margin-right: 24px;
        }

.dropdown-menu {
    min-width: 300px;
    box-shadow: 0 0 2px 0 rgba(51,51,51,0.5), 0 7px 15px 0 rgba(51, 51, 51, 0.5);
	padding:1rem 0;
}

.dropdown-toggle::after{
	margin-left:12px;
}

.navbar-nav ul.dropdown-menu a.nav-link {
    color: #626469;
	font-size:12px;
	line-height:36px;
}
.navbar-nav ul.dropdown-menu a.nav-link:hover{
	color:#42B4E6;
}

.nav-login a {
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-box {
    display: inline;
    margin-right: 12px;
}

    .account-box a {
        margin-right: 12px;
    }

.lnkLogout::before {
    font-size: 14px;
    margin-top: 6px;
}

    .status {
        margin-top: 60px;
        background: rgba(51,51,51,.5);
        padding: 3em 0;
    }

.status h3{
	font-size: 15px;
    font-weight: 400;
    border: 1px solid #fff;
    padding: 8px;
    line-height: 1;
    white-space: nowrap;
	height:auto;
}

.status .levelName{
	display:none;
}

.status .info-box .wrapper{
	font-size:24px;
	font-weight:700;
	padding:0;
}

.statuszone {
    box-shadow: 0 0 2px 0 rgba(51,51,51,0.05), 0 2px 10px 0 rgba(51,51,51,0.08);
}

    .statuszone .container {
        padding: 24px 30px;
    }

        .statuszone .container .row {
            justify-content: space-between;
            align-items: center;
        }

    .statuszone .member-info {
        flex: 2;
    }

        .statuszone .member-info p {
            margin-bottom: 0;
        }

        .statuszone .member-info .user-info {
            display: flex;
            align-items: center;
            margin-bottom: 12px;
            color: #3dcd58;
        }

            .statuszone .member-info .user-info span.name {
                font-size: 32px;
            }

            .statuszone .member-info .user-info:before {
                content: "\e000";
                font-family: "simplicityportal" !important;
                font-size: 52px;
                float: left;
                margin-right: 12px;
            }

        .statuszone .member-info .levelName {
            margin-top: 24px;
        }

            .statuszone .member-info .levelName:before {
                content: "\E00A";
                font-family: "simplicityportal" !important;
                float: left;
                margin-right: 12px;
                font-size: 24px;
            }

.card{
	border-radius:0;
}

.tier-crew {
    color: #2caae1;
}

.tier-elite {
    color: #f49200;
}

.tier-expert {
    color: #f5be14;
}

.tier-master {
    color: #43ad3e;
}

.tier-platinum {
    color: #898888;
}

.tier-badge img {
    max-width: 180px;
}
.howItWork aside{
    color:#666;
    padding: 0 15px;
}
.howItWork .container {
    padding: 0;
}
.howItWork aside a.btn {
    margin-top: 30px;
}
.howItWork .content {
    height: 330px;
    float: left;
    width: 50%;
    border: 1px solid #e7e6e6;
    border-right: 0;
    background:none;
}
.col-collectPoints .content{
    background:none;
}

.col-collectPoints .image {
    background-image: url(../images/ControlPanel001-490x490.jpg);
}

.col-collectPoints .content {
}

.col-getRewards .image {
    background-image: url(../images/F_B_003-490x490.jpg);
}

.col-getRewards .content {
    /* background: #42b4e6;*/
}

.carousel-item {
    height: 350px;
    position: relative;
}

.carousel-caption h5 {
    font-size: 30px;
    margin-top: 1 em;
    margin-bottom: 2 rem;
}

.carousel-caption {
    top: 10px;
    bottom: auto;
    padding: 0;
    left: 30px;
    width: 50%;
}

.carousel-img {
    /*filter: brightness(70%);*/
    transition: filter 1s;
    width: 100%;
    position: absolute;
    top: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 348px;
}

.carousel-item .container {
    position: relative;
    z-index: 100;
}

.carousel-item .mask {
    background: linear-gradient( 270deg,rgba(0,0,0,.1) 0,rgba(51,51,51,.6));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.carousel {
    z-index: 1;
    margin: 0 -15px;
}

.loginBox .login-panel {
    border-top: 4px solid #42b4e6;
    width: 220px;
}

.login-panel .formGroupForgottenPassword {
    display: none;
}

.no-items {
    color: #3dcd58;
}

.memberPortalWelcome {
    background: url("/media/1026/club_clipsal_event_rewards_light.jpg") top no-repeat;
   color:#333;
    background-size: cover;
    padding: 3em 0 0 0;
}

.info-box.info {
    background: none;
}
.manageAccount h3{
	color:#333;
}
.manageAccount .card-header h3.icon::before{
		color:#333;
}
.manageAccount h4 {
    border-top: 1px solid #42b4e6;
    color: #42b4e6;
	font-size:16px;
	text-transform:uppercase;
}
.manageAccount i.icon{
	border-width:1px;
	border-color:#42b4e6;
}

.manageAccount i.icon::before{
	font-size:40px;
	color:#42b4e6;
}

.memberFeaturedOffer h3 span {
    color: #42b4e6;
}

h2.offerName {
    color: #42b4e6;
}

.pointsPrice {
    padding-top: 8px;
}

.pointsValue, .pt {
    color: #42b4e6;
}

.ledger-toggle .btn.selected {
    background: #42b4e6;
}

.categories-navigation a{
	text-decoration:none;
}
.categories-navigation li.active a{
	color:#42b4e6;
	font-weight:700;
}


.dvfooter {
    display: none;
}

.vouchers .voucher-tile .voucher .dvfooter {
    display: block;
}

.rightSidebar .content-block {
    border: 1px solid #e7e6e6;
    color: #626469;
    padding: 30px 30px;
    margin-bottom: 20px;
    background: #f9f9f9;
}

.rightSidebar .info-box {
    width: unset;
    height: unset;
    background: #f9f9f9;
    border-radius: 0;
    text-align: left;
}

    .rightSidebar .info-box .wrapper {
        color: #626469;
        padding: 0;
        font-size: 16px;
    }

.rightSidebar h3 {
    color: #626469;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.563;
    margin-bottom: 10px;
    text-align: left;
}

section.banner {
    height: 335px;
    overflow: hidden;
}

.howItWork aside .content {
    padding: 25px;
}

.featuredRewards h2 {
    font-size: 37px;
    margin: 0.8rem 0;
    color: #3dcd58;
}

.loyaltyPointSuffix{
	font-size:11px;
}

#pnlPartnerDetails{display:none;}

.transactionPanel .panel-heading .row{display:block;}
	
#fileterToggleContent{display:none;}


@media(max-width:991.9px){	
	.container{
		max-width:unset;
	}
	
	header nav.navbar{
		height:72px;
	}
	header .headerNav{
		height:unset;
	}
	
	.navbar-brand{
		text-align:unset;
	}
	.navbar-brand img{
		width:auto;
		height:72px;
	}
	
.navbar-collapse{
	background:#fff;
}

	li.nav-item{
		border-bottom:1px solid #e7e6e6;
			line-height:48px;
	}
	.navbar .navbar-nav a.nav-link{
		color:#333;
	}
	.navbar .navbar-nav a.nav-link:hover{
		color:#3dcd58;
	}
	
	ul.dropdown-menu{
		box-shadow:none
	}
	ul.dropdown-menu li{
		padding-left:12px;
		border:none;
	}
	.manageAccount .card-body{
		padding-bottom:0;
	}
	
	.manageAccount a.btn-blue{
		margin-bottom:20px;
	}
	
	.category-list .col-sm-4,.category-list .col-sm-8{
		flex-basis:100%;
		max-width:unset;
	}
	
	.sort-form {
    justify-content: flex-start;
		margin-bottom:20px;
	}
	.sort-form label{
		margin-bottom:0;
	}
	.nav-category{
		position:static;
		margin:10px 0;
	}
	.rewardCategorySideBar h3{
		margin-bottom:0;
		cursor:pointer;
	}
	#category-menu{
		position:static;
		background:#f2f2f2;
		padding:12px;
	}
		
	
	footer{
		padding:15px;
	}
	
	footer .copyright{
		text-align:left;
		padding-top:15px;
	}
	
	footer li.nav-item{
		border:none;
	}
	
	section.banner img{
		width:100%;
	}

}
	@media(min-width:992px){
		.navbar-expand-lg .navbar-collapse{
			padding-top:24px;
		}
		.rewardCategorySideBar .collapse{
			display:block;
		}
		
.rewardCategorySideBar h3{
	display:none;
}


	}
	
.featuredRewards .img > img, .featuredRewards .img > a > img {
    width: 252px;
}

.offerDetails .offer-images {
	margin-top: 15px;
}

.amped-24-image-banner {
    background-image: url(/images/clipsal-amped-web-banner-1500x845px.jpg);
    background-position-x: right;
    background-position-y: center;
	width: 100%;
    height: 350px;
    background-size: cover;
}

.amped-24-image-banner-dashboard {
    background-image: url(/images/AMPED24-Simplicity-Banner.jpg);
    background-position-x: right;
    background-position-y: center;
	width: 100%;
    height: 350px;
    background-size: cover;
}

.survey-form-main h5 {
	font-weight: bold;
}

.survey-form-main h6 {
	font-size: 14pt; 
	font-weight: bold; 
	margin-top: 25px;
}