@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700;900&display=swap');



#truworths_takeover
{
font-family: 'Poppins', sans-serif;
    color:white;

}

#truworths_takeover .left-content
{
      /* background:#6192cc;*/
    background: rgba(224, 197, 172,0.75);
    color:white;
}

#truworths_takeover .left-content img
{
    max-width:180px;
    margin-bottom:2rem;
}



.truworths_button 
{

    background:#231f20 ;
    color:white ;
    border-radius: 0;
    display:inline-block;

   
    font-size: 1rem;
    border: none;
    cursor: pointer;
    text-align:center;
    padding:10px 30px;
    width:50%;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:none;
    cursor:pointer;
    margin-top:2rem;
    margin-bottom:1rem;
    border:2px solid #231f20;
   

}
.truworths_button:hover
    {
        color: #231f20 !important;
        background:transparent !important ;
        border:2px solid #231f20 !important;
        text-decoration:none;
    }


#truworths_takeover h1
{
    color:white;
    text-transform:uppercase;
    font-size:2.5rem;
    line-height:2rem;
}

#truworths_takeover h1 .line_1
{
 
    font-weight:900;
}

#truworths_takeover h1 .line_2
{
    font-size:1.5rem;
    color:#F3B8FA;
    font-weight:bold;
}

#truworths_takeover h1 .line_3
{
    font-size:6rem;
    line-height:7rem;
    font-weight:700;

}

#truworths_takeover h1 .line_4
{
    font-size:2rem;
    font-weight:normal;

}

@media only screen and (max-width: 1440px) {
#foot {
    margin-left: 600px;
    margin-top: -116px;
    max-width: fit-content;
    }
}


@media only screen and (max-width: 1024px) {
#foot {
    margin-left: 600px;
    margin-top: -145px;
    }
}

@media only screen and (max-width: 853px) {
#foot {
    margin-left: 418px;
    margin-top: -140px;
    }
}

@media only screen and (max-width: 600px) {
    #foot {
        margin-left: 0px;
        margin-top: 0px;
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {
    #foot {
        margin-top: -309px;
    }
}
@media only screen and (max-width: 580px) {
ul.bottom_menu {
    text-align: center !important;
}
    #foot {
        margin-top: 0px;
    }
 
}



#kzn_weekend_takeover
{
font-family: 'Poppins', sans-serif;
    color:white;

}


#kzn_weekend_takeover .left-content img
{
    max-width:180px;
    margin-bottom:2rem;
}


#kzn_weekend_takeover .left-content
{
      /* background:#6192cc;*/
    background: #07c7e2;
    color:white;
    justify-content:center;
    display:flex;
}

.kzn_weekend_button
{
    background-color:#f4556b;
    color:#ffffff;
    border-radius: 100px;
    display:flex;
    font-size: 1.75rem;
   
    border: none;
    cursor: pointer;
    text-align:center;
    padding:10px 30px;
   	justify-content:center;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:none;
    cursor:pointer;
   /* margin-top:2rem;*/
    /*margin-bottom:1rem;*/
    border: 2px solid #07c7e2;
}

.kzn_weekend_button:hover
    {
        color: #ffffff !important;
        background:#016cce !important ;
        border:2px solid #016cce !important;
        text-decoration:none;
    }

#kzn_weekend_takeover span.line_3
{
    display:flex;
    justify-content:center;
}



#kzn_weekend_takeover h1
{
    color:white;
    text-transform:uppercase;
    font-size:2.5rem;
    line-height:2rem;
    
}

#kzn_weekend_takeover h1 .line_1
{
 
    font-weight:900;
}

#kzn_weekend_takeover h1 .line_2
{
    font-size:1.5rem;
    color:#F3B8FA;
    font-weight:bold;
}

#kzn_weekend_takeover h1 .line_3
{
    font-size:6rem;
    line-height:5rem;
    font-weight:700;

}

#kzn_weekend_takeover h1 .line_4
{
    font-size:2rem;
    font-weight:normal;
    text-align:center;
    display:block;

}

#kzn_weekend_takeover h2 
{
    margin-bottom:0px;
    justify-content:center;
   display:flex;
}









.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height:100%;
    object-fit: none;
}

.swiper-slide a
{
    height:100%;
}



#identity_takeover
{
font-family: 'Poppins', sans-serif;
    color:white;

}


    #identity_takeover .purp
{
    overflow:hidden;
}
    


#cycler_container
{
    position:relative;
}


#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}





#identity_takeover .left-content
{
       background:#B591FF;
}

#identity_takeover .left-content img
{
    max-width:160px;
    margin-bottom:2rem;
}



.id_button 
{

    background:#50D0E9 ;
    border-radius: 0;
    display:inline-block;

   
    font-size: 1rem;
    border: none;
    color: white;
    cursor: pointer;
    text-align:center;
    padding:10px 30px;
    width:50%;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:none;
    cursor:pointer;
    margin-top:2rem;
    margin-bottom:1rem;
   

}


#identity_takeover h1
{
    color:white;
    text-transform:uppercase;
    font-size:2.5rem;
    line-height:2rem;
}

#identity_takeover h1 .line_1
{
 
    font-weight:900;
}

#identity_takeover h1 .line_2
{
    font-size:1.5rem;
    color:#F3B8FA;
    font-weight:bold;
}

#identity_takeover h1 .line_3
{
    font-size:6rem;
    line-height:5rem;
    font-weight:900;

}

#identity_takeover h1 .line_4
{
    font-size:1.8rem;
    font-weight:bold;

}


.focus {

    background:radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.85) 20%), url(/files/images/generator/livingroom_loadsheddingcomp_bg_img.jpg) center;
     background-size:100%, cover;
   
    mix-blend-mode: darken;
}



#generator_takeover
{
    
   
   
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
     margin-bottom:30px;
       text-shadow:4px 4px 5px rgba(0,0,0,0.8);

}

#generator_takeover h1
{
    font-size:2rem;
    font-weight:bold;
}
#generator_takeover h1 strong
{
    color:#DB1314;
    font-style:italic;
    font-weight:800;
    font-size:6rem;
    
}

#generator_takeover h2
{
    color:#FFFF01;
    font-size:2rem;
    text-transform:uppercase;
    font-weight:bold;
     
}

#generator_takeover .generator_button
{
    background:#DB1314 ;
    border-radius: 0;
    display:inline-block;
    border: none;
   
    font-size: 1.7rem;
    border: none;
    color: white;
    cursor: pointer;
    text-align:center;
    padding:10px 55px;
    width:50%;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow:none;
    cursor:pointer;
   
}

#generator_takeover .generator_button:hover
{
    text-decoration:none;
}









#fastabf_container
{
    font-family: 'Raleway', sans-serif;
}



#fastabf_takeover
{
    
    background:#E3E2E8 url(/files/images/fastabf/cropped/fasta_hpt_img_dektop_cropped_1635511378.jpg) center; 
    background-size:cover;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #58595b;

    line-height:1.8em;
     margin-bottom:30px;
    

}

#fastabf_takeover h2
{
    font-size:3.5rem;
    font-weight:900;
    line-height: 3.4rem;
}

#fastabf_takeover .fastabf_button
{
 background:#FEC400;
    border-radius:5px;
    display:inline-block;
    border:none;
    width:95%;
    font-size:1.6rem;
    font-weight:bold;
    text-transform:uppercase;
    padding:0.6rem;
    border-radius:100px;
    box-shadow:5px 5px 10px rgba(0,0,0,0.6);
    text-shadow:5px 5px 10px rgba(0,0,0,0.6);
    color:white;
    cursor:pointer;
   
}

#fastabf_takeover .cottonon_button:hover
{
    text-decoration:none;
}

#fastabf_takeover h2 {
    color: #58595b;
    text-transform:none;
    font-size:2rem;
    line-height:2rem;
    font-weight:normal;
}
#fastabf_takeover h2 strong
{
    font-weight:bold;
}
#fastabf_takeover .image-container
    {
        margin-right:-20%;
    }


@media only screen and (max-width: 767px) 
{
    
    #fastabf_takeover .fastabf_button
    {
        font-size:2rem;
    }
    #fastabf_takeover .image-container
    {
        padding-right:25%;
    }
    
    #fastabf_takeover h2
    {
        padding-right:50%;
        font-size:1.5rem;
    }
    
    #fastabf_takeover .image-container
    {
        margin-right:-10%;
    }
    
    #fastabf_takeover
{
    
    background:#E3E2E8 url(/files/images/fastabf/cropped/fasta_hpt_img_mobile_cropped_1635512189.jpg) center; 
    background-size:cover;
    padding-top: 50px;
    padding-bottom: 70px;
    color: #58595b;


    

}
    
    
    
}














#cottonon_container
{
    border-right: 40px solid #db1418;
}



#cottonon_takeover
{
    
    background:#E3E2E8 url(https://consumerrewards.co.za/files/images/cottonon/cottonon_bg_hpt_desktop.jpg) center; 
    background-size:cover;
    padding-top: 50px;
    padding-bottom: 70px;
    color: white;

    line-height:1.8em;
    font-style:italic;
     margin-bottom:30px;
    border-right: 25px solid #363636;

}

#cottonon_takeover h2
{
    font-size:3.5rem;
    font-weight:900;
    line-height: 3.4rem;
}

#cottonon_takeover .cottonon_button
{
    width: 150px;
    height: 150px;
        
    border-radius: 150px;
    background: #DD1202;
    display:inline-block;
    border: none;
   
    font-size: 1.7rem;
    font-weight: normal;
    border: none;
    color: white;
    cursor: pointer;
    text-align:center;
    padding:15px 35px;
    font-weight:bold;
   
}

#cottonon_takeover .cottonon_button:hover
{
    text-decoration:none;
}













#showmax_takeover
{
    
    background:url(https://consumerrewards.co.za/files/images/showmax/showmax_bg_desktop.jpg) center; 
    background-size:cover;
    padding-top: 50px;
    padding-bottom: 70px;
    color: white;

    line-height:1.8em;
    font-style:italic;
     margin-bottom:30px;

}

#showmax_takeover h2
{
    font-size:3.5rem;
    font-weight:900;
    line-height: 3.4rem;
}

#showmax_takeover .showmax_button
{
    background: #E63E8C;
    border-radius: 55px;
    display:inline-block;
    border: none;
   
    font-size: 1.7rem;
    font-weight: normal;
    border: none;
    color: white;
    cursor: pointer;
    text-align:center;
    padding:15px 35px;
   
}

#showmax_takeover .showmax_button:hover
{
    text-decoration:none;
}



.small-comps a
{

    margin-bottom:30px;
    display:block;
}

video
{
    max-width:100%;
}

.cr_rounded
{
    border-radius:15px;
    border:1px solid #CDCDCD;
}

/*.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
    padding-left:10px;
    padding-right:10px;
}

.container
{
    max-width:920px;
}*/

.switcher {
    display:none;
}

.mm_join_arrow
{
    position:absolute;
    display:block;
    
    width:100px;
    height:70px;
    content: "";
    right:-100px;
    top:10px;
}

.mm_join
{
        position:relative;
}


.mm_button
{
    display:inline-block;
    background:#1ECEE4;
    padding:10px 25px;
    color:white;
        font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius:10px;
  
    margin-top: 30px;
    margin-bottom: 20px;
    max-width:90%;
}
.mm_button:hover
{
    text-decoration:none;
    color:white;
    
}
body
{
	font-family: 'Open Sans', sans-serif;
	font-size:0.9rem;
    color:#505050;
}

.disclaimer-18
{
    background:black;
    font-size:10px;
    color:white;
    padding:5px;
    margin:20px -20px 20px -20px;

}


.container-fluid.comp_container .comp_background .button
{
    display:block;    
    height: 105px;
    width: 105px; 
    margin:0 auto 60px auto;
    padding-left: 10px;
   
}
.container-fluid.comp_container .comp_background .button a
{
    background:#F0AA1E;
    color: white;
    padding: 10px 15px;
    border-radius: 90px;
    text-shadow: none;
    height: 105px;
    width: 105px;
    font-weight:bold;
    vertical-align:middle;
    display: table-cell;
    text-transform:uppercase;
  	margin-left:20px;
    font-size:24px;
}

.social_link
{
    color:white;
    margin-left:20px;
    font-size:22px;
}


img
{
    max-width:100%;
}

.navbar-dark .navbar-nav .nav-link
{
    color:white;
    text-transform:uppercase;
}



ul.bottom_menu
{
    padding:0;
    margin:0;
    list-style:none;
    text-align:left;
}
ul.bottom_menu > li
{
    padding:0;
    margin:0;
    display:inline-block;
    font-weight:bold;
    
}
ul.bottom_menu > li::after
{
    content: " / ";
}

ul.bottom_menu > li:last-child::after
{
    content: "";
}
ul.bottom_menu > li > a
{
    color:black;
    text-transform:uppercase;
    
}


#past_winners
{
    background:#9BD7D5;
 	padding-top:40px;
    padding-bottom:40px;
    position:relative;
    overflow:hidden;
}
#past_winners::after
{
    display: block;
    position: absolute;
    top: -33px;
    left: calc(50% - 25px);
    content: '';
    background: white;
    width: 50px;
    height:50px;
    z-index: 5;
    transform: rotate(45deg);
}

#past_winners table
{
    width:100%;
    font-size:1.1rem;
}

#past_winners td:first-child
{
    font-weight:bold;
    width:60%;
    text-align:left;
    vertical-align:top;
}
#past_winners td:nth-child(2)
{
    padding:0 20px;
    text-align:center;
    vertical-align:top;
}
#past_winners td:last-child
{
    text-align:left;
    vertical-align:top;
}


.winner_button
{
    display:inline-block;
    padding:15px 30px;
    background:#00c5bf;
    border-radius:50px;
    color:white;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    text-transform:uppercase;
}

.winner_button:hover
{
    background:#54BAB8;
    text-decoration:none;
    color:white;
}


h2,h3
{
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:30px;
}


#what_if_i_win
{
    background:url(/files/images/homepage/happens_if_I_win_image_cropped_1567585746.jpg) no-repeat center;
    background-size:cover;
    padding-top:40px;
    padding-bottom:40px;
}

#what_if_i_win h2
{
    color:white;
}

#what_if_i_win ol {
    counter-reset: cr-counter;
    list-style: none;
    padding-left: 60px;
}
#what_if_i_win ol li {
    margin: 0 0 0.5rem 0;
    counter-increment: cr-counter;
    position: relative;
    font-size:18px;
    margin-bottom:30px;
}
#what_if_i_win ol li::before {
    content: counter(cr-counter);
    color: #00c5bf;
    font-size: 2rem;
    font-weight: bold;
    position: absolute;
    --size: 46px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: white;
    border-radius: 50%;
    text-align: center;
    z-index:6;
}

#what_if_i_win ol li::after
{
    display:block;
    position:absolute;
    top:0;
    left:-34px;
    content:'';
    background:white;
    width:2px;
    z-index:5;
  
    bottom:-32px;
}

#what_if_i_win ol li:last-child::after
{
    display:none;
}
    

#how_it_works
{
    background:#f5f5f6;
    padding-top:40px;
    padding-bottom:40px;
    text-align:center;
}

#winners
{
    padding-top:40px;
    padding-bottom:40px;
}

.how_it_works_steps .col > div
{
    border:2px solid #00c5bf;
    border-radius:15px;
    padding:20px;
    height:100%;
    text-align:center;
    margin-bottom:20px;
}

.how_it_works_steps .col
{
    margin-bottom:20px;
}

nav.cr_header
{
    background:#38cec3;
    /*background:#ed2079;*/
    
}

.navbar-brand img
{
    max-width:130px;
}

p
{
    margin-bottom:30px;
}

#menu-container
{
    background: #dd453c;
    display: block;
    color: #fff;
}



#footer-container h3
{
    margin-bottom:40px;
}


#footer-container
{
    background: #F5F7F6;
    padding-bottom: 70px;
    padding-top:90px;
}

#copyright
{
    background: #FFFFFF;
    border-top:none;
    padding-top:10px;
    padding-bottom:10px;
}
#footer-container .col-md-3 img
{
    max-width: 100px;
    margin-bottom: 20px;
}

.foot_logo
{
    max-width:200px;
}

a
{
    color:#dd453c;
}

#header img
{
    max-width:180px;
}

.page_info
{
    min-height:200px;
    background-size:cover !important;
    color:#fff;
    padding:15px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin-top: 30px;
}

.comp_large
{
      margin-bottom:40px;
    border: 0px;
    border-radius: 0px;
}



.container-fluid.comp_container .comp_background
{
    background-position: center !important;
    padding-top:40px;
    padding-bottom:40px;
    
}

#duster_container .comp_background
{
    background-size:auto 100% !important;
        padding-top:100px;
    padding-bottom:100px;
}





.page_info.comp_background.comp_large {
    box-shadow: none;
    margin-top: 0px;
}

.page_info.comp_background.comp_large .page_text > h3 {
    font-size: 3rem;
    position:inherit;
}

.page_info.comp_background.comp_large .page_description {
    font-size: 1.3rem;
    display: block;
}

.page_info.comp_background.comp_large .page_link > a {
    border-radius: 10px;
}

.page_description {
   
}

.page_info.comp_background .page_text > h3 {
    font-size: 1.1rem;
    width: 70%;
}


.card-container
{
    width:100%;
    min-height:300px;
    background:url(https://consumerrewards.co.za/files/images/fasta/fasta_bg.jpg) right;
    background-size:cover;
    padding-top: 70px;
    padding-bottom: 100px;
}

 .fast_card
    {

        width:calc(100%+20px);
        position: absolute;
        right: -20px;
        top: -50px;
    }
@media only screen and (max-width: 767px) 
{
    
    #identity_takeover h1 .line_3
{
    font-size:5rem;
    

}
    
    #truworths_takeover h1 .line_3
{
    font-size:5rem;


}
    
        #truworths_takeover h1 .line_4
{
    font-size:1.2rem;
    line-height:1rem;


}
    
    .truworths_button
    {
        width:80%;
    }
    
    
    
    
    
    #identity_takeover .purp
{
    overflow:visible;
    margin-bottom:40px;
}
    
    .card-container
{
    background:url(https://consumerrewards.co.za/files/images/fasta/fasta_bg_mobile.jpg) center;
   
   
}
    .fast_card
    {

        width:100%;
        position: static;
        right: auto;
        top: auto;
    }
    .card-picture-container
    {
        margin-left: 11%;

    }
    
    .card-container
    {
        
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #cottonon_takeover
{
    
    background:#E3E2E8 url(/files/images/cottonon/cottonon_bg_mobile_cropped_1633935406.jpg) no-repeat bottom;
    background-size:contain;
    padding-bottom:38%;
    


}
    #cottonon_container
{
     border-right:none;
    border-bottom: 40px solid #db1418;
     
    margin-bottom:30px
      
   
}
    
    #cottonon_takeover .cottonon_button
{
    width: 100px;
    height: 100px;
    font-size:1rem;
        
    border-radius: 150px;
      padding:0;
    }



#cottonon_takeover
{
    
 border-right:none;
    border-bottom: 25px solid #363636;
    margin-bottom:0;
     text-align:center;

}
    
    #cottonon_takeover img
    {
        width:80%;
       
    }
    
    
    
}

@media (min-width:1024px)
{
    #kzn_weekend_takeover h2
    {
        font-size:4rem;
    }
    #kzn_weekend_takeover h1 .line_4
    {
        font-size: 4.25rem;
    	line-height: 3rem;
    }
    #kzn_weekend_takeover h1 .line_3
    {
        font-size: 12rem;
    line-height: 11rem;
    }
    .swiper-slide img
    {
        object-fit: cover;
    }
    
}