@charset "utf-8";

/*

	Overrides

*/

body { 
    padding-top: 0!important;
    color: #000000;
}

#endorsement-bar {
    display: none!important;
}

.mast.container.full {
    background: none!important;
}

.masthead .mastNav .toggleIcon {
    display: none;
}

.masthead .menuToggle {
    float: right!important;
}

.microsite .masthead .mast .mastControls {
    padding: 5px!important;
}
.microsite .masthead .mast .mastControls span {
    color: #000000!important;
}

#wrapper_sleeve {
    margin-top: 0!important;
    min-height: 100vh;
}

.inner-sleeve {
	max-width: none;
	width: 100%!important;
    padding-right: 0!important;
    padding-left: 0!important;    
}

.container .inner-sleeve {
	width: 100%!important;
	max-width:100%!important;
    padding-right: 0!important;
    padding-left: 0!important;
}

#mainnav .inner-sleeve {
	width: 1200px!important;
	max-width:100%!important;
    padding-right: 24px!important;
    padding-left: 24px!important;
}

#footer {
    background-color: #FFFFFF;
}
#footer .bottom {
    display: none;
}

    #footer .webvision {
        color: #000000;
        display: none;
    }
    #footer .webvision a {
        color: #000000;
    }

a { font-family: ff-unit-web,serif; }

h1 {
    font-size: 2.5rem;
    line-height: 3.247rem;
}




/*

	Site styles

*/

.intro { 
    text-align: center;
    padding: 20px 0 0 0;
}
.intro h1 { 
    margin-bottom: 0; 
}
.intro h4 { 
    margin-bottom: 0; 
}

.title {
    text-align: center;
    border-bottom: 2px solid #e40613;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.center {
    text-align: center;
    padding-top: 40px;
}

hr { border-bottom: 2px solid #e40613; }
hr.grey { border-bottom: 2px solid #e6e6e6; padding-top: 7px; }
hr.white { border-bottom: 2px solid #FFFFFF; padding-top: 7px; }

.bb {
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 20px!important;
    display: flex!important;
    align-items: center;
    padding-bottom: 27px;
}
    .bb:last-child {
        margin-bottom: 40px!important;
    }

    .bb p:last-child {
        margin-bottom: 0;
    }

span.highlight { color: #e40613; }

.header {
    text-align: center;
}

#deals {
    padding-top: 0;
    margin-top: 0;
}

.deal {
    background-color: #e9e9e9;
    color: #000000;
    text-align: center;
    position: relative;
    min-height: 420px;
}
    .deal ul {
        text-decoration: none;
        text-align: center;
        list-style: none;
        padding-left: 0;
        font-size: 1rem;
    }
    .deal li {
        margin-bottom: 0;
        font-size: 1rem;
        font-family: ff-unit-web,serif;
        padding: 0 2%;
        line-height: 1.25rem;
    }
    .deal li span {
        font-size: 0.75rem;
    }	 
    .deal h1 {
        margin-bottom: 0;
    }
    .deal p {
        margin-bottom: 0;
    }
    .deal img {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

.info-2 {
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    min-height: 525px;
}
    .info-2 h3 {
        padding: 0 2%;
        color: #FFFFFF;
    }
    .info-2 p {
        padding: 0 2%;
        color: #FFFFFF;        
    }
    .info-2 img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

.info-3 {
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    min-height: 435px;
}
    .info-3 h3 {
        padding: 0 2%;
        color: #FFFFFF;        
    }
    .info-3 p {
        padding: 0 2%;
        color: #FFFFFF;        
    }
    .info-3 img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

.full-package {
    height: 48px;
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 16px;
}
    .full-package h3 {
        margin-bottom: 0;
        color: #ffffff;
    }
	 .full-package .full-pack:hover {
	 	color: #FFFFFF;
	 }

.best-value {
    height: 48px;
    background-color: #fef200;
    padding: 10px;
    margin-bottom: 16px;
}
    .best-value h3 {
        margin-bottom: 0;
    }

.platinum {
    padding-top: 48px;
    background: #FFFFFF;
}

.subscribe {
    background-color: #e40613;
    color: #FFFFFF!important;
    padding: 10px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-family: ff-meta-serif-web-pro,Georgia,Times,serif;
    font-size: 1.424rem;
    line-height: 1.802rem;
}
    .subscribe a {
        color: #FFFFFF!important;
        font-family: ff-meta-serif-web-pro,Georgia,Times,serif;
        font-size: 1.424rem;
        line-height: 1.802rem;
    }

#quotes {
    background-color: #e0e0e0;
    margin-top: 20px;
}
    #quotes h1 {
        text-align: center;
    }
    #quotes p {
        font-style: italic;  
    }

    #quotes h4 {
        padding-bottom: 20px;
    }

#home-subs {
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px 0;
    margin: 0;
    text-align: center;
}
    #home-subs h2 {
        color: #FFFFFF;
        margin-bottom: 0;
    }
#dir-subs {
    background-color: #e40613;
    color: #FFFFFF;
    padding: 15px 0;
    margin: 0;
    text-align: center;
}
    #dir-subs h2 {
        color: #FFFFFF;
        margin-bottom: 0;
    }
    #dir-subs a:hover {
        color: #FFFFFF;
    }
#dir-bullets {
    width: 315px;
    margin: 0 auto;
    text-align: left;
}
#free-sample {
    background-color: #e6e6e6;
    padding: 15px 0;
    margin: 0;
    text-align: center;
}
#vid-block {
    background-color: #000000;
    color: #FFFFFF;
    padding: 15px 0;
    margin: 0;
}
    #vid-block h3 {
        color: #FFFFFF;
    }
    #vid-block h4 {
        color: #FFFFFF;
    }
    #vid-block p {
        font-style: italic;
    }

#grp-info {
    background-color: #e0e0e0;
    margin-top: 40px;
}

#grp-info .grp:first-child li {    
    list-style-type: disc;
    padding-left: 10px;
    margin-left: 35px;
}

#grp-info p:last-child {
    margin-bottom: 0;
}

#grp-manager {
    text-align: center;
}

.grp-subs {
    margin: 0px 8%;
    border-left: 8px solid #e40613;
    padding: 0 4%;
}

    .grp-subs ul {
        list-style: none;
        padding-left: 0;
    }
    .grp-subs li {
        margin-bottom: 0;
        padding: 0 2%;
    }
    .enq-btn {
        margin: 0;
        padding: 0;
    }
        .enq-btn a {
            background-color: #e40613;
            color: #FFFFFF;
            font-size: 16px;
            padding: 10px 40px;
            display: inline-block;
        } 

/*

	Contact us

*/

#contact-us {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.contact-icon {
    padding-bottom: 40px;
}

.contact-icon h2 {
    margin-top: 40px;
    margin-bottom: 10px;
}

.contact-icon h2:first-child {
    margin-top: 0;
}

.contact-icon p {
    margin-bottom: 10px;
}

.contact-icon img {
    width: 25px;
    height: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#quotes-contact {
    background-color: #e0e0e0;
    margin-top: 20px;
    padding: 55px 20px;
    text-align: center;
    margin-bottom: 40px;
}
    #quotes-contact p {
        font-style: italic;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 15px;
    }
    #quotes-contact h4 {
        padding-bottom: 50px;
        margin-bottom: 0;
    }

    #quotes-contact h4:last-child {
        padding-bottom: 0;
    }

/*

	Group Subscriptions

*/

.groupsubs-icon img {
    width: 25px;
    height: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
}


/*

	Footer styles

*/

.subs-bar {
    background-color: #e40613;
    padding: 15px 0;
    margin: 0;
    text-align: center;
}
    .subs-bar a {
        font-family: ff-meta-serif-web-pro,Georgia,Times,serif;
        text-transform: uppercase;
        font-size: 30px;
        color: #FFFFFF;
        padding: 5px 30px;
        border: 1px solid #FFFFFF;
    }

.contacts-bar {
    background-color: #f7f6f6;
    text-align: center;
}
    .contacts-bar p {
        margin-bottom: 0;
    }

    .contacts-bar a {
        font-size: 14px;
        color: #000000;
    }

    .contacts-bar img {
        width: 25px;
        height: auto;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

#wrbm-footer {
    background-color: #FFFFFF;
}

#wrbm-footer-div p {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    font-family: ff-unit-web, serif;
    text-align: right;
}


/*

	Accordion styles

*/

#faq {
    padding: 40px 0;
    border-top: 2px solid #e40613;
    border-bottom: 2px solid #e40613;
}

.tab {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
  color: #000000;
  overflow: hidden;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0.75em 3em 0.75em 1em;
  background: #16a085;
  font-weight: bold;
  line-height: 1.6em;
  cursor: pointer;
}
.grey label {
    background: #f7f6f6;
    border-left: solid 4px #e40613;
}
.tab-content {
    max-height: 0;
    overflow: hidden;
    background: #1abc9c;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}
.grey .tab-content {
    background: #FFFFFF;
}
.tab-content h4 {
    margin: 1em;
}
/* :checked */
.tab input:checked ~ .tab-content {
    max-height: 100vh;
}
/* Icon */
.tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.tab input[type=checkbox] + label::after {
    content: "+";
}
.tab input[type=radio] + label::after {
    content: "\25BC";
}
.tab input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
}





/*

	Website grid structure

*/

.c { 
    clear: both; 
    margin: 0 auto; 
    max-width: 1200px;
    padding-left: 24px;
    padding-right: 24px;
}

.col { 
    
    box-sizing: border-box; 
    display: block; 
    float: left;
    margin: 1% 0 1% 1.6%;    
}

    .col:first-child { 
        margin-left: 0 !important;
    }

* html .grp{ height: 1%; }
*:first-child+html .grp{ min-height: 1px; }
.grp:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.c-12 {	float: left; width: 100%; margin-left: 0; margin-right: 0; }
.c-11 { float: left; width: 91.53%; }
.c-10 { float: left; width: 83.06%; }
.c-9  { float: left; width: 74.6%;  }
.c-8  { float: left; width: 66.13%; }
.c-7  { float: left; width: 57.66%; }
.c-6  { float: left; width: 49.2%;  }
.c-5  { float: left; width: 40.73%; }
.c-4  { float: left; width: 32.26%; }
.c-3  { float: left; width: 23.8%;  }
.c-2  { float: left; width: 15.33%; }
.c-1  { float: left; width: 6.866%; }

.fw { box-sizing: border-box; float: left; width: 100%; padding: 24px 0 24px 0; }

.nl { margin-left: 0 !important; }
.nr { margin-right: 0 !important; }



/* 


    Mobile stlyesheets

    ------------------------------------------------------------------

		These styles are optimised for mobile/tablet display.

    ==================================================================


*/


@media screen and (min-width: 1024px) {

    .microsite .masthead .mast {
        display: none;
    }
   
}

@media screen and (min-width: 601px) and (max-width: 1023px) {
    
    .col {  margin: 0; }
    
    .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {	width: 100%;box-sizing: border-box; padding-left: 0; padding-right: 0; }
    
    h1 {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }
 
    .intro {
        padding: 10px;
    }
    
    .masthead .mastheadMobileLogo {
        width: 100%;
        margin-top: 16px;
        text-align: center;
    }    
    
    .subs-btn {
        width: 100%;
        text-align: center;
        padding: 20px 0!important;
    }
    .site-text {
        width: 100%;
        text-align: center;
        padding: 20px 0!important;
    }
    .site-text h3 {
        margin-bottom: 0;
    }    
    .deals-width {
        width: 80%;
    }
    .deal {
        min-height: auto;
        margin-bottom: 20px;
    }
    .platinum {
        padding-top: 0;
    }    
    .subscribe {
        position: inherit;
        bottom: inherit;
    }    
    .blank {
        display: none;
    } 
    .contacts-bar .c-3 {
        text-align: center;        
    }      
    #customer-service {
        margin-bottom: 40px;        
    }
    .info-2 {
        min-height: auto;
        margin-bottom: 40px;
    }
    .info-3 {
        min-height: auto;
        margin-bottom: 40px;
    }    
    .bb {

        margin-bottom: 20px!important;
        display: block!important;
        padding-bottom: 20px;
    }    
    #gold-content {
        float: left;
        margin: 20px 0 40px 0;
    }
        #gold-content img {
            width: 100%;
            height: auto;
            margin: 10px 0;
        }    
    #platinum-content img {
        float: left;
        margin: 20px 0 40px 0;
    }   
        #platinum-content img {
            width: 100%;
            height: auto;
            margin: 10px 0;
        }
    
    .grp-subs {
        margin: 0;
    }
    
    #contact-us {
        margin-top: 20px;
        display: block;
    }    
    
    #wrbm-footer-div p {
        text-align: center;
    }    

}



/* 


    Mobile stlyesheets

    ------------------------------------------------------------------

		These styles are optimised for mobile display.

    ==================================================================


*/


@media screen and (min-width: 240px) and (max-width: 600px) {
    
    .col {  margin: 0; }
    
    .c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 {	width: 100%;box-sizing: border-box; padding-left: 0; padding-right: 0; }
    
    h1 {
        font-size: 1.6rem;
        line-height: 2.027rem;
    }
 
    .intro {
        padding: 10px;
    }
    
    .masthead .mastheadMobileLogo {
        width: 100%;
        margin-top: 16px;
        text-align: center;
    }    
    
    .subs-btn {
        width: 100%;
        text-align: center;
        padding: 20px 0!important;
    }
    .site-text {
        width: 100%;
        text-align: center;
        padding: 20px 0!important;
    }
    .site-text h3 {
        margin-bottom: 0;
    }     
    .deals-width {
        width: 100%;
    }
    .deal {
        min-height: auto;
        margin-bottom: 20px;
    }
    .platinum {
        padding-top: 0;
    }
    .subscribe {
        position: inherit;
        bottom: inherit;
    }    
    .blank {
        display: none;
    } 
    .contacts-bar .c-3 {
        text-align: center;        
    }      
    #customer-service {
        margin-bottom: 40px;        
    }
    .info-2 {
        min-height: auto;
        margin-bottom: 40px;
    }
    .info-3 {
        min-height: auto;
        margin-bottom: 40px;
    }    
    .bb {

        margin-bottom: 20px!important;
        display: block!important;
        padding-bottom: 20px;
    } 
    #gold-content {
        float: left;
        margin: 20px 0 40px 0;
    }
        #gold-content img {
            width: 100%;
            height: auto;
            margin: 10px 0;
        }    
    #platinum-content img {
        float: left;
        margin: 20px 0 40px 0;
    }   
        #platinum-content img {
            width: 100%;
            height: auto;
            margin: 10px 0;
        }
 
    .grp-subs {
        margin: 0;
    }    
    
     #contact-us {
        margin-top: 20px;
        display: block;
    } 

    .subs-bar a {
        font-size: 24px;
    }
    
    #wrbm-footer-div p {
        text-align: center;
    }  
    
}