@font-face { font-family: MonBold; src: url("/library/fonts/Montserrat/Bold.otf") format("opentype"); }
@font-face { font-family: MonSBold; src: url("/library/fonts/Montserrat/SemiBold.otf") format("opentype"); }
@font-face { font-family: MonMed; src: url("/library/fonts/Montserrat/Medium.otf") format("opentype"); }
@font-face { font-family: MonReg; src: url("/library/fonts/Montserrat/Regular.otf") format("opentype"); }
@font-face { font-family: MonLight; src: url("/library/fonts/Montserrat/Light.otf") format("opentype"); }

* {background-repeat: no-repeat;background-position: center center;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: MonLight;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a {color: #000000;text-decoration: none;font-weight: normal;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px 10px 10px 0px;margin: 0px;font-size: 100%;font-weight: normal;color: #000000;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 20px 0px;: 0px;line-height: 1.5;}
strong { font-weight: normal; font-family: MonBold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { display: none; }

:root{

    --gold: #F0CC48;
}


.layout_standard {max-width: 2000px; margin: 0px auto;}

/* Header */

.layoutheader {
    background: black;
    padding: 15px 10px;
}

.layoutheader .layoutheader_inner {
    display: flex; 
    justify-content: center;
    align-items: center;
}


.layoutheader .socials{
    width: 180px;
}

.layoutheader .socials ul {
    display: flex;
    justify-content: space-between;
}

.layoutheader .socials ul li{
    margin: 2.5px;
}

.layoutheader .nav_multilevel{
    width: 1000px; 
}

.layoutheader .nav_multilevel ul{
    display: flex; 
    justify-content: space-evenly; 
    margin: 0px auto;}

.layoutheader .nav_multilevel a {
    color: white;
    font-family: MonSBold;
    font-size: 14px;
}

.layoutheader .nav_multilevel .level2{
    display: none;
}

.layoutheader .nav_multilevel .level3{
    display: none;
}



.layoutheader .nav_multilevel .level2 li {
    padding: 5px 0px;
}

.layoutheader .nav_multilevel .level1>li:hover .level2{
    display: block;
    background: rgba(0,0,0,0.8);
    padding: 20px;
    width: 200px;
    z-index: 999;
}

.layoutheader .nav_multilevel .level2>li:hover .level3{
    display: block;
    margin: 5px 0px 5px 30px;
}

.layoutheader .nav_multilevel .level2 a, .layoutheader .nav_multilevel .level1 a{
    transition: ease 0.2s;
}

.layoutheader .nav_multilevel .level2 a:hover, .layoutheader .nav_multilevel .level1 a:hover{
    color: var(--gold);
}



@media(min-width:1001px){
    .nav_multilevel .level1 i {display: none;}
    .layoutheader .toggle {display: none;} 
    .layoutheader .nav_multilevel .level2{
        display: none;
        position: absolute;
        margin-left: -20px;
    }
}
@media(max-width: 1000px){
    .socials{padding-right: 10px;}
    .layoutheader .toggle {position:absolute;top:45px;right:195px;cursor:pointer;}
    .layoutheader .toggleon li{padding: 10px 0px 10px 20px;}
    .layoutheader .toggleoff ul{display:none;}
    .layoutheader .toggleon ul{display:block; position: absolute; top: 130px; right: 0px; width: 100%; background-color: #000000; opacity: 0.9; z-index: 50; text-align: center;}
    .layoutheader .toggleon ul.level2 {position: static;  text-align: center;}
    .layoutheader svg path {fill: #ffffff;}
    .layoutheader svg {width: 40px; height: 40px;}
    .nav_multilevel .fa-chevron-down {font-size: 13px; color: white; position: absolute; right: 50px;}


}

.layoutheader .socials a {
    border: 2px solid gold; 
    border-radius: 100%; 
    width: 32px; 
    height: 32px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
}


.layoutheader .socials i{
    color: gold; 
    font-size: 19px;
}

.layoutheader .logo {
    max-width: 170px;
}

.layoutheader .logo img {
    width: 100px;   
    height: auto;
}

.head-banner{
    opacity: 0.7;
    background: grey;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding: 10px;
}

.head-banner p{
    font-size: 18px;
    padding: 0px;
    font-family: MonMed;
    letter-spacing: 3px;
}

/* Introduction */

.intro{
    background-size: cover;
    
}


.intro .content{
    color: white;
    text-align: center;
    
}

.intro p{
    padding-bottom: 15px;
    font-family: MonSBold;
}

.intro h2{
    color: white;
    font-family: MonSBold;
}

.intro a {
    background: rgb(255,187,0);
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 30px;
    font-family: MonBold;
    transition: ease 0.3s;
}

.intro a:hover{
    background: rgb(219, 164, 14);
}




@media(min-width: 521px){

    .intro .content{
        
        font-size: 30px;
        padding-top: 150px;
        }

        .intro{
        
            height: 550px;
        }

        .intro h2{
            font-size: 44px;
        }

        .intro .button{
            margin-top: 60px;
        }


}
@media(max-width: 520px){

        .intro .content{
        font-size: 20px;
        padding-top: 130px;
        }

        .intro{
            height: 450px;
        }

        .intro h2{
            font-size: 35px;
        }

        .intro .button{
            margin-top: 60px;
        }

}

@media(max-width: 440px){

        .intro .content{
        
        font-size: 18px;
        padding-top: 90px;
        }

        .intro h2{
           
            font-size: 25px;
        }

        .intro{

            height: 350px;
        }

        .intro .button{
            margin-top: 20px;
        }

}

/* Welcome */

.welcome .imageright img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.welcome h2 {
    margin-top: 40px;
    font-size: 27px;
    font-family: MonSBold;
}

.welcome p{
    padding: 0px 10px 13px 10px;
}

.welcome h2 {padding-left: 8px;}


@media(min-width:851px){
    .welcome .util_textbox_inner{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .welcome .imageright {
        width: 50%;
        height: 550px;
    }
    
    .welcome h2, .welcome p{

        max-width: 550px;
        margin: 0px 60px 0px auto;
        
    
    }
    .welcome .content {
        width: 50%;
        padding-left:50px;
    }
  
}
@media(max-width: 850px){

    .welcome .imageright{margin: 0px auto; width: 100%;}
    .welcome h2, .welcome p{ max-width: 100%;}
    .welcome h2{text-align: center;}
    .welcome .content {padding: 0px 20px;}
}

/* Membership */

.membership{
    background: black;

}

.membership h2, .membership p, .membership a{
    color: white;
}

.membership img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




.membership .buttons p {
    width: 200px;
    padding: 0px;
}

.membership .buttons a{
    border: solid 3px var(--gold);
    padding: 10px;
    border-radius: 5px;
    font-family: MonBold;
}


.membership p{
    max-width: 550px;
    margin: 0px 0px 0px 70px;
    padding: 0px 10px 20px 0px;
}

.membership a {
    color: var(--gold);
}

@media(min-width:850px){

    .membership .util_textbox_inner{display: flex; align-items: center;}
    .membership .imageleft{width: 50%; height: 550px;}
    .membership .content{width: 50%;}
    .membership h2 {margin: 0px 0px 0px 70px;}
    .membership .buttons{max-width: 500px;margin-top: 40px;}
    .membership h2{max-width: 550px;font-size: 27px;font-weight: bold;}

}
@media(max-width:849px){

    .membership {padding: 30px 0px 0px 0px;}
    .membership .buttons {padding-bottom: 30px;}
    .membership h2 {text-align: center;}
    .membership p { margin: 0px auto; padding: 0px 15px;}
    .membership .buttons {text-align: center;}
    .membership .buttons p {padding: 0px;}
    .membership .util_textbox_inner{display: flex; flex-direction: column-reverse;}
    .membership .buttons{margin-top: 40px;}
    .membership h2{font-size: 27px;}
    .membership .content {padding: 0px 10px;}


}

/* Product list */

.products{
    padding: 0px 0px;
    margin: 0px auto;
    background: black;
}

.products .titletxt{
    font-size: 30px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: MonSBold;
    color: white;
    padding: 40px 0px 20px 0px;
}

.products img {
    max-width: 250px;
    height: auto;
}

.products a{
    color: white;
}

.products ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0px auto;
    color: white;
}

.products .name{
    text-align: center;
    margin-top: 25px;
    font-family: MonBold;
}
.products .name a {
    font-weight: bold;
}

.products .price{
    text-align: center;
    margin-top: 10px;
    font-family: MonReg;
}

.products li {

    margin: 10px 0px;
}


.shopall  a{
    background: var(--gold);
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    padding: 10px 30px;
    font-family: MonBold;
    text-transform: uppercase;
    color: black;
}

.shopall a:hover{
    background: rgb(219, 164, 14);
}

.shopall{
    text-align: center;
    background: black;
    padding: 40px 0px 40px 0px;
}

/* Gallery */

.gallery {
    background: white;
    color: white;
    padding: 40px 0px 40px 0px;
}

.gallery .items{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0px auto;
}

.gallery .titletxt{
    color: black;
    text-align: center;
    font-size: 30px;
    font-family: MonSBold;
    padding-bottom: 40px;
}

.gallery .util_textbox{
    background-size: cover;
    width: 220px;
    height: 220px;
    border: solid 5px black;
    border-radius: 110px;
    position: relative;
    top: 0px;
    transition: ease 0.4s;
}

.gallery .util_textbox:hover {
    top: -10px;
}

.gallery .util_textbox .content{
    position: relative;
    top: 95px;
    left: 50%;
    margin-left: -90px;
    font-size: 23px;
    font-family: MonBold;
    max-width: 180px;
    text-align: center;
}

/* Video */

.video{
    text-align: center;
    margin: 80px 0px;
}

.video video{
    max-width: 600px;
    height: auto;
    width: 100%;
}

/* Footer */

.layoutfooter {
    background: black;
    color: white;
    padding: 40px;
}

.layoutfooter_inner{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.layoutfooter .contact{
    text-align: center;
}

.layoutfooter .contact .content>p{
    padding: 0px;
}

.layoutfooter .contact p{
    margin: 15px 0px;
}

.layoutfooter .contact i{
    color: var(--gold);
    font-size: 22px;
    position: relative;
    top: 2px;
}

.layoutfooter .contact .fb, .layoutfooter .contact .insta, .layoutfooter .contact .twt, .layoutfooter .contact .yt{
    border: 2px solid var(--gold);
    padding: 9px 9px;
    border-radius: 100%;
}

.layoutfooter  .contact .yt{
    padding: 9px 7px;
}

.layoutfooter a, .layoutfooter p{
    color: white;
    padding: 15px 0px;
}

.layoutfooter .contact .fb {
    padding: 9px 12px;
}

.layoutfooter .content {
    width: 245px;
}

.beachshore {display: none;}

@media(max-width:820px ){

.layoutfooter .content{

    margin: 15px auto;
}

.layoutfooter .location .content{
    width: 160px;
    text-align: center;
}

.legal{

    text-align: center;
}
}

/* Gallery Pages */

.feat_stdgallery .titletxt{
    text-align: center;
    font-size: 44px;
    padding: 40px;
    background: black;
    color: white;
}

.feat_stdgallery .image img{
   width: 100%;
   height: 400px;
   max-width: 1000px;
   display: block;
   object-fit: cover;
}

.feat_stdgallery .image {
    cursor: pointer;
    margin: 20px auto;
    max-width: 600px;
    padding: 2px;
    border: solid 5px black;
    border-radius: 10px;
}

.feat_stdgallery li{
    padding: 0px 5px;
}

.feat_stdgallery .items ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

/* .feat_stdgallery li:nth-child(odd) { background-color:white;}
.feat_stdgallery li:nth-child(even) { background-color:black;} */

.lightbox { display:none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; z-index: 50; background-color: rgba(0,0,0,0.8); overflow: scroll; }
.lightbox .logo { display: block; width: 305px; height: 75px; margin-bottom: 50px; }
.lightbox .close {position: absolute; z-index:10;  color:white; top: 20px; right: 20px; cursor:pointer; width: auto;height: 30px;}
.lightbox .close:before {content:'Close';}

.lightbox .feat_carousel { width: 100%; height: 100%; margin: 0px auto 0px auto; overflow:hidden }
.lightbox .feat_carousel .carousel ul {width: 40000em; position:relative;  }
.lightbox .feat_carousel .carousel li {float: left;width: 100vw !important;height: 100vh;text-align:center; line-height: 100vh;   margin: 0px;}
.lightbox .feat_carousel .carousel li img {max-width: 90%;max-height: 90%;vertical-align: middle;width: auto;height: auto;margin: 0px auto 0px auto !important;}
.lightbox .feat_carousel .carousel-prev {position: absolute; width: 22px; left: 100px; float: left; bottom: 500px; color: white;}
.lightbox .feat_carousel .carousel-next {position: absolute; width: 22px; right: 100px; bottom: 500px; float: right; color: white;}
.lightboxlink {display: none;}
.lightbox .items {padding-top: 20px;}

/* Content Page Styling */

.std_contentpage, .shop_category {
    min-height: 600px;
}

.shop_category .description{
    text-align: center;
    background: black;
    color: var(--gold);
    margin: 20px auto;
    padding: 40px;
    font-size: 20px;
    max-width: 1200px;
}

.pagetitle, .shop_category h1 {  
    text-align: center;
    font-size: 44px;
    padding: 40px;
    background: black;
    color: white;
}


.pagecontent{
    background: black;
    color: white;
    max-width: 1200px;
    margin: 20px auto 20px auto;
}

@media(min-width: 367px){

    .pagecontent{padding: 20px 30px 0px 30px;}
}
@media(max-width: 366px){

    .pagecontent{padding: 20px 20px;}


}

.pagecontent a {
    color: var(--gold);
    text-decoration: underline;
}

.pagecontent h2{
    color: var(--gold);
    font-family: MonSBold;
    font-size: 160%;
    margin: 20px 0px 0px 0px;
}

.pagecontent h3{
    color: var(--gold);
    font-family: MonSBold;
    font-size: 120%;
    margin: 20px 0px 0px 0px;
}

/* international page */

.sections{
    background: black;
    color: white;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px 5px;
}

.sections .util_textbox .button a{
    color: black;
    background: var(--gold);
    padding: 10px 10px;
    display: block;
    margin: 0px auto;
    width: 200px;
    border-radius: 25px;
    text-align: center;
}


.sections .util_textbox .button{
    text-align: center;
}

.sections .util_textbox .button a:hover{
    background: rgb(219, 164, 14);
}

.sections .imagetop{
    text-align: center;
}

.sections .util_textbox{
    margin: 20px auto;
    max-width: 800px;
}

.sections .titletxt{
    text-align: center;
}

.sections .titletxt a{
    font-size: 30px;
    color: white;

}

.sections .content{
    max-width: 800px;
    margin: 0px auto;
    padding: 0px 10px;
}

/* Link magazine */


.cover-signed-out, .cover-paid {
    background: black;
    margin: 0px auto;
    max-width: 1200px;
    padding: 1px 20px 20px 20px;
}

.cover-signed-out h2, .cover-paid h2{
    color: var(--gold);
    margin: 20px 0px;
    font-size: 24px;
    font-weight: bold;
}

.linkhistory{
    max-width: 1200px;
    background-color: black;
    margin: 20px auto 40px auto;
    color: white;
    padding: 40px 20px;
}

.linkhistory h2{
    color: var(--gold);
    font-family: MonSBold;
    font-size: 160%;
    margin: 10px 0px;
    text-align: center;
    padding: 0px;
}


.linkhistory .items {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center;
}

.linkhistory .linkmag{
    margin: 0px 30px;
}

.linkmag img{
    height: 170px;
    width: 120px;
    object-fit: fill;
}

.linkmag p{
    text-align: center;
    font-size: 24px;
}

.memb_notice{
    background: black;
    color: var(--gold);
    margin: 20px auto;
    max-width: 1200px;
    text-align: center;
    padding: 30px;
    font-size: 23px;
}

.memb_notice p{
    padding: 0px;
}

.memb_notice img{
    margin: 10px;
}

/* Survey Styling */

.surv_standard{
    max-width: 680px;
    margin: 20px auto;
    background: black;
    padding: 60px 20px;
}

.surv_standard .intro{
    height: auto;
    text-align: center;
    color: var(--gold);
}

.surv_standard .label{
    display: none;
    font-family: MonReg;
}

.surv_standard .submit{
    color: black;
    background: var(--gold);
    padding: 15px 15px;
    display: block;
    margin: 10px auto;
    width: 300px;
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
}

.surv_standard .buttons{
    text-align: center;
    margin-top: 60px;
}

.surv_standard .buttons:hover .submit{
    background: rgb(204, 152, 55);
}

.surv_standard .input input[type=text]{
    width: 300px;
    margin-bottom: 40px;
    background: white;
    font-family: MonReg;
    padding: 20px 10px;
}

.field_area{width: 100%;}

.field_area textarea{
    width: 100%;
    background: white;
    font-family: MonReg;
}
@media(max-width:639px ){

    .field_area textarea{
        width: 300px;
        margin: 0px auto;
    }

    .field_area .input{
        text-align: center;
    }

}

.surv_standard .formbuilder{
    display: flex;
    max-width: 600px;
    flex-wrap: wrap;
    margin: 0px auto;
    justify-content: center;
}

.surv_standard .message{
    color: var(--gold);
    text-align: center;
    margin: 0px 0px 20px 0px;
}

/* Membership Join */

.memb_account{
    max-width: 1200px;
    margin: 40px auto;
    color: white;
    background-color: black;
    padding: 40px 20px;
    text-align: center;
}

.memb_account .text{
    text-align: center;
    font-size: 20px;
    margin: 20px 0px;
}

.memb_account .errors{
    color: var(--gold);
    text-align: center;
}

.memb_account input, .memb_account textarea, .memb_account select{
    background: white;
    font-family: MonReg;
    width: 100%;
}


.memb_account .buttons input{
    border: 1px solid var(--gold);
    background: var(--gold);
    color: black;
    font-family: MonSBold;
    padding: 10px 60px;
    width: 250px;
    transition: ease 0.3s;
    border-radius: 25px;
}

.memb_account .buttons{
    text-align: center;
    font-size: 20px;
    padding: 20px 0px;
    
}

.memb_account .buttons input:hover{
    background: rgb(219, 164, 14);
}

.memb_account .formbuilder{
    max-width: 405px;
    margin: 0px auto;
}

.memb_account .label{
    margin: 10px 0px;
}

.memb_account #fb-24-div select{
    width: 32%;
}

/* Log in */

.memb_loginbox .accessdenied{
    text-align: center;
    color: var(--gold);
    font-family: MonBold;
    font-size: 17px;
}

.memb_loginbox .forgotpw{
    display: block;
    text-align: center;
    margin: 10px 0px 0px 0px;
}

.memb_loginbox .forgotpw a{
    color: white;
    text-decoration: underline;
}

.memb_loginbox{
    background: black;
    width: 400px;
    color: white;
    margin: 40px auto 0px auto;
    padding: 40px;
}

.memb_loginbox .label {
    display: none;
}

.memb_loginbox input{
    background: white;
    font-family: MonReg;
    width: 100%;
    border-radius: 25px;
    padding-left: 10px;
}

.memb_loginbox .submit{
    background: var(--gold);
    color: black;
    font-size: 20px;
    border-radius: 25px;
}

.memb_loginbox .submit:hover{
    background:rgb(219, 164, 14);
}

.memb_loginbox .errors{
    color: var(--gold);
    margin: 15px 0px;
    text-align: center;
}

.memb_loginbox input{
    margin: 5px 0px;
}

.memb_loginbox .stayloggedin{
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
    margin: 10px 0px;
}
.memb_loginbox .stayloggedin input{
    width: 20%;
}

.memb_loginbox .loggedin .status{
    color: var(--gold);
    text-align: center;
    margin: 20px 0px;
    font-size: 20px;
}

/* Category product list */

.shop_productlist .titletxt, .shop_categorylist h2{
    color: white;
    text-align: center;
    font-size: 35px;
    padding: 20px 0px;
}

.shop_category .shop_productlist, .shop_categorylist, .shop_productlist{
    background: black;
    margin: 20px auto 20px;
    max-width: 1200px;
    padding: 10px 0px 0px 0px;
}

.shop_category .shop_productlist ul, .shop_categorylist ul, .shop_productlist ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.shop_category .shop_productlist li, .shop_categorylist li, .shop_productlist li{
    width: 280px;
    padding: 10px;
    margin: 20px 20px;
    border: 2px solid white;
}



.shop_productlist .image{
    text-align: center;
}

.shop_product .description li{
    list-style-type: disc;
    list-style-position: outside;
}

.shop_product .description {padding:0px 15px;}

.shop_productlist .name{
    min-height: 55px;
}

.shop_category .shop_productlist img, .shop_categorylist img, .shop_productlist img {
    width: 250px;
    height: 250px;
    object-fit: contain;
    margin: 0px auto;
    display: block;
}


.shop_category .shop_productlist a, .shop_productlist a{
    color: white;
    font-family: MonReg;
}

.shop .shop_productlist .buybutton a{
    color: black;
}

.shop_categorylist .name{
    text-align: center;
    font-size: 23px;
    background: var(--gold);
    padding: 10px;
    margin: 10px 0px 0px 0px;
    transition: ease 0.2s;
    font-family: MonReg;
}

.shop_categorylist .name:hover{
    background: rgb(219, 164, 14);
}


.shop_category .shop_productlist .name, .shop_category .shop_productlist .price, .shop_productlist .name, .shop_productlist .price{
    text-align: center;
    font-family: MonBold;
    color: white;
    margin: 10px 0px;
    
}

.shop_category .shop_productlist .buybutton, .shop_productlist .buybutton {
    background: var(--gold);
    color: black;
    font-family: MonBold;
    text-align: center;
    padding: 5px;
    transition: ease 0.4s;
}

.shop_category .shop_productlist .buybutton:hover, .shop_productlist .buybutton:hover{
    background: rgb(219, 164, 14);
}

.shop_category .shop_productlist .buybutton a{
    color: black;
}

.shop_product{
    background: black;
    color: white;
    margin: 20px auto;
    max-width: 500px;
    padding: 20px;
}

.shop_product .detailedimages{
    text-align: center;
}

.shop_product .detailedimages li:nth-child(2){
    display: none;
}

.shop_product .detailedimages li:nth-child(2){
    display: none;
}

.shop_product .detailedimages:hover li:nth-child(2){
    
 display: block;
   
}

.shop_product .detailedimages:hover li:nth-child(1){
    display: none;
    
}


.shop_product h1{
    color: white;
    font-size: 25px;
    text-align: center;
    padding: 10px;
}

.shop_product .avaliable, .shop_product .outofstock{
    text-align: center;
}

.shop_product .price{
    text-align: center;
    margin: 10px 0px 0px 0px;
    font-size: 25px;
}

.shop_product .image{
    text-align: center;
}

.shop_product .label{
    font-size: 20px;
    margin: 10px 0px 0px 0px;
}

.shop_product a{
    color: white;
}

.shop_product .summary{
    text-align: center;
    color: var(--gold);
    font-size: 18px;
    margin: 25px 0px;
}

.shop_product select{
    background: white;
    width: 200px;
}

.shop_product .addtobasket{
    text-align: center;
}

.shop_product .addtobasket input{
    background: var(--gold);
    color: black;
    font-family: MonReg;
    border-radius: 25px;
}

.shop_product .addtobasket input:hover{
    background: rgb(219, 164, 14);
}

.shop_product .addtobasket input:hover{
    background: C;
}

.shop_product form{
    text-align: center;
}

.shop_product form .value{
    margin: 10px 0px;
}

.shop_product .image{
    margin: 10px 0px 15px 0px;
}

/* Submenu */

.submenu{margin-top: 70px;}

.submenu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0px auto;

}

.submenu li {
    background: black;
    border-radius: 100%;
    width: 240px;
    height: 240px;
    text-align: center;
    padding: 25px;
    font-size: 25px;
    margin: 20px 20px;
    transition: ease 0.3s;
    top: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.submenu li:hover{
top: -10px;
}

.submenu img{
    border-radius: 100%;
    width: 230px;
    height: 230px;
    border: 7px solid white;
}

.submenu li a{
    color: white;
    position: absolute;
    height: 230px;
    
}

.submenu .textlink{
    position: absolute;
    top: 100px;
}


/* My account */

.memb_account .row{
    max-width: 400px;
    margin: 0px auto;
}



.memb_account .text a{
    background: var(--gold);
    border-radius: 25px;
    padding: 15px;
}

.memb_account .text a:hover{
    background: rgb(219, 164, 14);
}

.myaccount .util_customhtml {
    background: black;
    color: white;
    margin: 20px auto 20px auto;
    font-size: 25px;
    padding: 15px;
    text-align: center;
    max-width: 1200px;
}

.myaccount .util_customhtml .html{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.myaccount .util_customhtml .memb_information{
    font-size: 25px;
    margin: 10px 10px 10px 20px;
    color: var(--gold);
}

.myaccount .memb_subscriptionstatus {
    background: black; 
    color: white;
    margin: 0px auto 30px auto;
    max-width: 1200px;
    padding: 40px 40px 30px 40px;
    text-align: center;
}

.myaccount .memb_subscriptionstatus .status{
    margin: 10px 0px 15px 0px;
}

.myaccount .memb_subscriptionstatus a{
    color: white;
    text-decoration: underline;
}

.memb_subscriptionstatus .buttons{
    margin: 35px 0px 15px 0px;
}

.myaccount .memb_subscriptionstatus .button {
    background: var(--gold);
    padding: 20px;
    text-decoration: none;
    color: black;
}

.myaccount .memb_subscriptionstatus .button:hover{
    background: rgb(219, 164, 14);
}

.myaccount h2{
    color: white;
    text-align: center;
    font-size: 30px;
}

.myaccount .util_textbox{
    max-width: 1200px;
    margin: 30px auto;
    background: black;
    color: white;
    padding: 30px;

}

.myaccount .util_textbox a{
    color: black;
    background: var(--gold);
    padding: 20px 30px;
    display: block;
    margin: 0px auto;
    width: 300px;
    border-radius: 25px;
}

.myaccount .util_textbox a:hover{
    background: rgb(219, 164, 14);
}

.myaccount .util_textbox li{
    margin: 20px 0px;
    text-align: center;
}

/* 9er friends */

.friends a{
    color: black;
    background: var(--gold);
    padding: 20px 30px;
    display: block;
    margin: 0px auto;
    width: 400px;
    border-radius: 25px;
    text-decoration: none;
}


.friends a:hover{
    background-color: rgb(219, 164, 14);
}

.friends p{
    margin: 30px 20px;
    text-align: center;
}

.friends .pagecontent_inner{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.friends .pagecontent_inner p:first-of-type {
    width: 100%;
    font-size: 25px;
}


.product {
    color: white;
    font-size: 23px;
}

/* Basket */

.shop_basket{
    padding: 0px 5px;
}

.shop_basket .loginrequired, .shop_basket .loginrequired h2{
    color: var(--gold);
}

.shop_basket .loginrequired{
    background: black;
    padding: 20px;
    text-align: center;
    font-size: 20px;
}

.shop_basketpage{
    min-height: 600px;
}

.shop_basketpage h1{
    color: white;
    font-size: 44px;
    text-align: center;
    padding: 40px;
    background: black;
}

.basket, .confirm{
    max-width: 800px;
    margin: 0px auto;
    padding: 0px 5px;
}

.basket .name, .basket .price, .basket .total, .basket .quantity, .confirm .name, .confirm .price, .confirm .total, .confirm .quantity, .basket .totaltotal{
    width: 30%;
    border-bottom: 1px solid black;
}

.basket .remove{
    border-bottom: 1px solid black;
}


.basket tbody>tr th{
    border-bottom: 1px solid black;
}

.confirm .paymenttotal{
    border: none;
}

.basket th, .basket td, .confirm th, .confirm td{
    padding: 10px 10px;
}

.basket .total, .basket .quantity, .confirm .total, .confirm .quantity{
    text-align: right;
}

.basket .quantity select{
    width: 70px;
}

.basket .buttons, .confirm .buttons{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    max-width: 800px;
}

.basket .buttons a, .basket .buttons input, .confirm .buttons input{
    background: var(--gold);
    padding: 15px;
    display: block;
    width: 150px;
    margin: 5px 10px;
    font-family: MonReg;
    text-align: center;
    border-radius: 25px;
    border: none;
    color: black;
}

.basket .buttons a:hover, .basket .buttons input:hover, .confirm .buttons input:hover{
    background: rgb(219, 164, 14);
    padding: 12px;
}

.basket .remove, .confirm .remove{
    text-decoration: underline;
}

.shop_basket .complete{
    text-align: center;
    background: black;
    color: white;
    padding: 20px;
    max-width: 1200px;
    margin: 20px auto;
}

.shop_basket .message{
    margin: 30px 0;
}


.donatebutton{
    background: black;
    margin: 20px auto;
    max-width: 800px;
    padding: 30px;
}

.donatebutton li{
    text-align: center;
 
}

.donatebutton a{
    padding: 10px 50px;
    background: var(--gold);
    border-radius: 25px;
}

.donatebutton li a:hover{
    background: rgb(219, 164, 14);
}

@media(min-width:440px){

    .basket th, .basket td, .confirm th, .confirm td{
        padding: 10px 10px;
    }

}
@media(max-width:439px){

    .basket th, .basket td, .confirm th, .confirm td{
        padding: 5px 5px;
    }

    .shop_basket .remove{
        display: none;
    }
    .basket .buttons a, .basket .buttons input, .confirm .buttons input{
        padding: 10px;
        width: 125px;
    }

}


/* Checkout */

.checkout{
    max-width: 800px;
    margin: 0px auto;
    background: black;
    color: white;
    padding: 20px;
    margin-bottom: 20px;
}

.checkout input, .checkout textarea, .checkout select{
    background: white;
    font-family: MonReg;
    width: 100%;
}

.checkout .buttons{
   display: flex;
   justify-content: right;
    margin: 10px 0px;
}

.checkout .buttons input{
    background: var(--gold);
    padding: 15px 10px;
    display: block;
    width: 130px;
    margin: 0px 10px;
    color: black;
    font-family: MonReg;
    text-align: center;
    border-radius: 25px;
}

.checkout .buttons input:hover{
   background: rgb(219, 164, 14);
}

.checkout .formbuilder{
    max-width: 600px;
    margin: 0px auto;
}


.checkout .field_group {
    margin-bottom: 60px;
}

.checkout #fb-ContactGroup-div>.label, .checkout #fb-BillGroup-div>.label, .checkout #fb-ShipGroup-div>.label{
    text-align: center;
    font-size: 30px;
}

.field_section>.label, .updateaccount>.label{
    font-size: 20px;
}

.updateaccount{margin-top: 40px;}


.checkout .label, .checkout .description{
    margin: 10px 0px 5px 0px;
}

.checkout .field_checkbox {display: flex; align-items: center; gap:10px}

.checkout .field_checkbox .input{ margin: 10px 0px 0px 0px;  }
.checkout .field_checkbox input{width: 15px; height: 15px;}

.checkout .errors{
    text-align: center;
    color: var(--gold);
    font-size: 20px;
    margin-bottom: 20px;
}

.checkout textarea{
    width: 100%;
    resize: vertical;   
}

.paymentgateways{
    margin: 20px 0px;
}


/* Please check your order */

.confirm{margin-bottom: 40px;}

.confirm .message{margin-bottom: 10px;}

.confirm .details{
    background: black;
    color: white;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0px;
    line-height: 1.5;
}


.confirm .details h2{
    font-size: 25px;
    color: white;
    border-bottom: 2px solid white;
    margin: 10px 0px;
}

.confirm .discount h2, .confirm .voucher h2, .confirm .payment h2{font-size: 1.2em; font-weight: bold;}
.confirm .payment h2{margin-bottom: 10px;}
.confirm .discount, .confirm .voucher{margin: 40px 0;}

.shop_basketpage .buttons{margin: 30px 0;}


/* Newsletter signup */

.int_newsletter{
    margin: 20px auto;
    max-width: 1200px;
    background-color: black;
    color: white;
    padding: 20px;
}

.int_newsletter input{
    width: 300px;
    margin: 5px 0px;
}

.int_newsletter .message{
    text-align: center;
    margin: 0px 0px 10px 0px;
}

.int_newsletter input{
    background-color: white;
    color: black;
}

.int_newsletter .label{
    display: none;
}

.int_newsletter .buttons input{
    color: black;
    background: var(--gold);
    padding: 15px 15px;
    display: block;
    margin: 10px auto;
    width: 300px;
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
}

.int_newsletter .buttons input:hover{
    background: rgb(219, 164, 14) ;
}

.int_newsletter .input{
    text-align: center;
}

.int_newsletter .input input{
    padding: 15px;
    border-radius: 25px;
}

.int_newsletter .text{
    text-align: center;
    font-size: 20px;
}

/* Donation page */

.shop_donate .formbuilder{
    background: black;
    color: white;
    max-width: 1200px;
    margin: 0px auto 0px auto;
    padding: 20px 20px 20px 20px;
}

.shop_donate .form-group{
    max-width: 300px;
    margin: 20px auto;
}

.shop_donate #fb-donate-DonGiftAid-div{
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
}

.shop_donate .buttons{
    text-align: center;
    background: black;
    margin: 0px auto 20px auto;
    max-width: 1200px;
}
.shop_donate .buttons input{
    background: var(--gold);
    color: black;
    border: none;
    padding: 15px 50px;
    border-radius: 25px;
    margin: 0px 0px 20px 0px;
    transition: ease 0.4s;
}

.shop_donate .buttons input:hover{
    background: rgb(219, 164, 14) ;
}

.shop_donate .introduction{
    background: black;
    max-width: 1200px;
    margin: 40px auto 0px auto;
    color: white;
    padding: 20px 20px 0px 20px;
    text-align: center;
    font-size: 20px;
}

.surv_standard .confirm{
    color: white;
    text-align: center;
    font-size: 23px;
}

.formbuilder .dz-clickable {
    cursor: pointer;
    background-position: center center;
    background-image: url(/images/o5KPUzeuVO9npk6T7Pvh01y01f.gif);
    background-repeat: no-repeat;
    min-height: 170px;}

.fbdropzone {
    background: white;
}

/* 59 classics */

.classicgallery .titletxt, .club69 .titletxt{
    display: none;
}


.club69 .feat_carousel, .classicgallery .feat_carousel{
    background: black;
}

/* order history */

.shop_orderhistory{
    min-height: 600px;
}

.shop_orderhistory h1{
    text-align: center;
    font-size: 44px;
    padding: 40px;
    background: black;
    color: white;
}

.shop_orderhistory .content{
    margin: 40px 0px;
}

.shop_orderhistory .content{
    background: black;
    color: white;
    padding: 20px 5px;
    max-width: 1200px;
    margin: 40px auto;
}

.shop_orderhistory a{
    color: white;
}

.shop_orderhistory table{
    max-width: 1200px;
    margin: 0px auto;

}

.shop_orderhistory th, .shop_orderhistory td{
    
    border-bottom: 1px solid white;
}

.shop_orderhistory .created{
    text-align: left;
}

.shop_orderhistory .reference, .shop_orderhistory .total{
    text-align: center;
}

.shop_orderhistory .status{
    text-align: right;
}

.shop_orderhistory .content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.shop_orderhistory .buttons{
    width: 100%;
}

.shop_orderhistory .buttons a {
    background: var(--gold);
    color: black;
    padding: 10px;
    border-radius: 25px;
}

.shop_orderhistory .buttons a:hover{
    background: rgb(219, 164, 14);
}

.shop_orderhistory h2{
    color: white;
    font-size: 20px;
}

@media(min-width:473px){

    .shop_orderhistory th, .shop_orderhistory td{
        padding: 10px 20px;
    }

}
@media(min-width:971px){

    .shop_orderhistory .details, .shop_orderhistory .billingaddress, .shop_orderhistory .shippingaddress{
        width: 300px;
        margin: 20px 10px;
    }
}
@media(max-width: 970px){

    .shop_orderhistory .details, .shop_orderhistory .billingaddress, .shop_orderhistory .shippingaddress{
        width: 200px;
        margin: 20px 10px;
    }



}
@media(max-width: 472px){

    .shop_orderhistory th, .shop_orderhistory td{
        padding: 5px 10px;
    
    }
    .shop_orderhistory .created{
        text-align: center;
    }

    .shop_orderhistory .reference{
        display: none;
    }

}
@media(max-width:380px){
    .shop_orderhistory td.name{
        font-size: 12px;
    }

}

/* Tmeporary */

/* .international .button{
    display: none; 
}*/

/* Member landing page */

.memb_info {
    background: black;
    max-width: 1200px;
    padding: 20px;
    color: white;
    margin: 0px auto 20px auto;
}

.memb_info * { color: white; }

.memb_info a{

    color: var(--gold);
}

.newreturn a{
    color: black;
    background: var(--gold);
    padding: 20px 30px;
    display: block;
    margin: 0px auto;
    width: 400px;
    border-radius: 25px;
    text-decoration: none;
    transition: ease 0.4s;
}

.newreturn a:hover{
    background: rgb(219, 164, 14);
}

.newreturn{
    background: black;
    max-width: 1200px;
    margin: 20px auto;
    padding: 30px;
}

.newreturn ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.newreturn li{
    margin: 20px 20px;
    text-align: center;
}

/* Events */

.event_list ul {display: flex;justify-content: center;/* align-items: center; */gap: 20px;flex-wrap: wrap;}

.event_list li {background: black; color: white; padding: 15px; width: 350px; margin: 20px 0px; border-radius: 25px;}
.event_list li a {color: white;}
.event_list .name {font-size: 20px; text-align: center; margin: 10px 0px;}
.event_list .image{ text-align: center; margin: 10px 0px;}
.event_list .image img {max-width: 400px; height: auto;}
.event_list .date,.event_list .time, .event_list .venue {margin: 10px 0px; text-align: center;}
.event_list .venue, .event_list .date, .event_list .name {min-height: 40px;}
.event_list .image {min-height: 124px;}
.event_list .link a {background: var(--gold); border-radius: 25px; padding: 10px; color: black;}
.event_list .link a:hover {background-color: rgb(219, 164, 14);}
.event_list .link {margin: 20px 0px; text-align: center;}

/* Newsletters */

.util_expandcontainer { margin: 20px auto; max-width: 1000px; }
.util_expandcontainer .link > a {background-image: url(/images/h2Xny5lmgtvPEtnYWYcs0f9099.png); background-size:25px; background-repeat: no-repeat; background-position: 950px;}
.util_expandcontainer a, .util_expandcontainer .nltr_list a {color: white; background: black; color: white;  padding: 20px; display: block; }
.util_expandcontainer .nltr_list a {color: var(--gold); text-decoration: underline;}

/* Announcements */

.list_article .list {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;gap: 20px;}
.announcements .list_article .article {width: 350px; border-radius: 25px; background: black; color: white; padding: 20px; margin: 20px 0px; min-height: 350px;}
.list_article .article a {color: white;}
.list_article .article .link a {color: black;}
.list_article .article .headline {text-align: center; font-size: 20px; margin: 10px 0px;}
.list_article .article .image, .list_article .created {text-align: center; margin: 10px 0px;}
.list_article .article .link {text-align: center; margin-top: 40px;}
.list_article .article .link a, .myaccount .util_textbox.membermagazine a {background: var(--gold); border-radius: 25px; padding: 10px; width: fit-content;} 
.list_article .article .link a:hover, .myaccount .util_textbox.membermagazine a:hover {background: rgb(219, 164, 14);}


.std_newsarticlea {max-width: 1240px; margin: 20px auto; background: black; color: white; padding: 20px;}
.std_newsarticlea .image {text-align: center;}
.std_newsarticlea .headline, .myaccount .util_textbox.membermagazine p:first-of-type {text-align: center; font-size: 20px; color: white;}
.std_newsarticlea .created {text-align: center; margin-bottom: 20px;}
.std_newsarticlea a {color: var(--gold); text-decoration: underline;}

.myaccount .util_textbox.membermagazine p:last-of-type {  margin-bottom: 0px;}

/* Member announcments */

.myaccount .list_article h2 {color: white;}
.myaccount .list_article h4 {padding: 0px;}
.myaccount .list_article {background-color: black; max-width: 1200px; margin: 0px auto; color: white; padding: 20px;}