/* GENERALISED STYLES */

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image:url(../images/2024/2024_bg2.webp);
    background-attachment:fixed;
    background-position:top left;
    background-color:#0D1A31;
    background-repeat:no-repeat;
    background-size:cover;}

hr{clear:both;}
.strong, .question{font-weight: bold;}
.question{margin-top: 1em;}
.wrapper{}
.container{}
.header{}
.clearer{
    clear:left;
    margin-bottom:-10px;
}

.logo img{
    display:block;
    margin:0 auto;
}
.gallery {
    margin: 0 5px 0 0;
    width: 300px;
    text-align: center;
}

.social{
    right: 20px;
    position:absolute;
    padding:10px;
    background:#444;
    z-index:100;
}

.social img{
    margin-right:10px;
    display:inline;
    width:30px;
}

.social img.last{margin-right:0px;}

.networkterms {
    float: left;
    margin: -2px 20px 20px 0;
    height: 20px;
    width: 20px;

}
.netemail, .form-email {
    height: 40px;
    border: 3px black solid;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 200px;
    margin: -3px 15px 20px 0;
    float: left;
    padding-left: 10px;
}

.netsub {
    border-style: solid;
    border-color: #1C285A;
    background: #1C285A;
    padding: 10px 15px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 200px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    float: left;
    margin-top: -3px;
}
/* desktop nav menu */
.main-nav, #menu-aux{
    background: url("../images/2023/nav.png") repeat-x;
    background-size: contain;
    height:77px;
}

.nav-wrap,.auxwrap{
    background-image: url("../images/2023/BlueButton128RightOff.png"), url("../images/2023/BlueButton128LeftOff.png");
    background-position:  right top, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: contain;
    padding:0 25px;
    display:block;
}
.auxwrap{display:none;}

.auxwrap ul,.main-nav ul{
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    display:block;
    max-width:715px;
}

#menu-aux{
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: #1A543A;


}
.main-nav ul li, .auxwrap ul li{
    float:left;
    border-right:1px solid black;
    margin-top:1px;

}

li.last{border-right:none!important;}

.auxwrap ul li ,.main-nav ul li a{
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

#menu-aux li{padding:0px;}
.main-nav ul li a:hover {
    background-color: rgba(0,0,0,0.1);
}
.content{
    background-color:#f1f1f1;
    border:2px solid rgba(0,0,0,0.2);
    border-radius:15px;
    margin:15px auto 0;
    padding:0 15px;
    max-width:1024px;
}
p.buy {
    background: #1C285A;
    padding: 10px 15px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    width: 200px;
    text-align: center;
}

p.buy:hover, .netsub:hover{background-color:#364B9F ;}
p.buy a {
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}

.footer{
    background-color: rgba(26,84,58,0.5);
    color: white;
    padding: 10px;
    margin: 15px 0 0;
    font-size:0.8em;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
}

.footer ul{
	list-style:none;
	padding-left:0;
	}
.footer li, .footer li div{
	display:inline;
	}
.footer li .sublabel{
	display:none;
	}	
.footer a{color:white;
font-weight:bold;}

.hamb .burger a{padding:0px;}
#contact p{clear:left;}

/*homepage*/
.imgblock {
    width: 835px;
    margin: 15px auto;
    clear: both;
}
.gallery {
    margin: 0 5px 0 0;
    width: 400px;
    text-align: center;
    border: 1px solid black;
}

#mailinglist .netsub{
    clear:left;
    float:none;
}


@media (min-width: 1281px) {

    /* CSS */

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px up
*/

@media (min-width: 1025px)  {
.hamb{display:none;}
    .main-nav, #menu-aux{
        height:auto;
    }
    /* CSS
    .main-nav ul .home a{
        text-indent:-10000px;
        background-image: url("../images/home_circle_icon.png") ;
        background-repeat:no-repeat;
        height:48px;
        width:48px;
        padding:0px;
    }
*/
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

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

    /* CSS - start hamburger */

    .nav-wrap{margin-top:47px;}
    p.mobile,.buy{zoom:2.0;}
    .social,p.mac{zoom:1.2}
    .main-nav{
        margin: 0 auto;
    }
    .main-nav ul .home{

        height:70px;
    }
    .main-nav ul .home a{
        text-indent:-10000px;
        background-image: url("../images/home_circle_icon.png") ;
        background-size: cover;
        background-repeat:no-repeat;
        height:60px;
        width:60px;
        padding:0px;
        margin-top:5px;
    }
    .main-nav .burger{

    }
    .main-nav ul{
       margin-top:-42px;
        margin-left:0px;
        max-width:99%;
    }
    .main-nav .burger div{
        width: 35px;
        height: 5px;
        background-color: #ffffff;
        margin: 6px;
    }
    #menu-aux{
        float:none;
       max-width:none;
        margin:0 auto;

    }
    .nav-wrap,.auxwrap{width:99%;padding:0px;}

    #menu-aux li, #menu li {
        font-size:2.3em;
        width:18%;
        text-align: center;
        height:70px;
        margin-top:4px;
    }
    #menu li.hamb{width:9%;}
    #menu-aux li{width:33%}
    li.secondary{display:none;}

    .auxwrap ul li a,.main-nav ul li a{
        display: block;
        color: white;
        text-align: center;
        padding: 16px 10px;
        text-decoration: none;
    }
    .main-nav ul li a:hover {
        background-color: #094329;
    }

    .main-nav ul li.primary.hamb .burger a{padding:0px;margin-top:10px;}

    #mailinglist input{zoom:2.0;}
    #mailinglist select{display:none;}
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* CSS */
    .nav-wrap{margin-top:47px;}

    p.mobile,.buy{zoom:2.0;}
    .social,p.mac{zoom:1.2}
    li.secondary{display:none;}
    .main-nav ul li{
        font-size:2.3em;
        width:19%;
        text-align: center;
        height:90%;
    }
    .main-nav ul li.primary a{padding:16px 0px;}
    .main-nav ul li.primary.hamb{}
    .main-nav ul li.primary.hamb .burger a{padding:0px;margin-top:10px;}
    .main-nav ul .home a{
        text-indent:-10000px;
        background-image: url("../images/home_circle_icon.png") ;
        background-repeat:no-repeat;
        background-size: cover;
        height:74px;
        width:74px;
        padding:0px;
    }
    li.secondary.hamb{ display: inline-block;
        height:39px;
        /*  width:100%;*/

        text-align: center;
        vertical-align: center;
        padding:1px 0 0;}
    .home{padding:0px;}
    .main-nav .burger{
        display: inline-block;
        height:70px;
        /*  width:100%;*/

        text-align: center;
        vertical-align: center;
        padding:1px 0 0;
        margin-top:4px;
    }
    .auxwrap ul li a{
        display: block;
        color: white;
        text-align: center;
        padding: 16px;
        text-decoration: none;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    /* CSS */
    .auxwrap ul li a{
        display: block;
        color: white;
        text-align: center;
        padding: 16px;
        text-decoration: none;
    }
    .primary, #menu-aux{font-size:1.2em;}
    .nav-wrap{margin-top:47px;}
    li.secondary{display:none;}
    p.mobile,.buy{zoom:2.0;}
    .social,p.mac{zoom:1.2}
    .main-nav ul .home a{
        text-indent:-10000px;
        background-image: url("../images/home_circle_icon.png") ;
        background-repeat:no-repeat;
        height:48px;
        width:48px;
        padding:0px;
    }
    .main-nav{
        width:81%;
        margin: 0 auto;
    }
    .main-nav ul li{width:16%;}
    .main-nav .burger{
        display: block;

        height:39px;
        /*  width:100%;*/
        /*background:  #1C285B;*/
        text-align: center;
        vertical-align: center;
        padding:1px 0 0;
    }
    .burger img{
        height:30px;
    }
    .main-nav ul li a{padding:10px;}
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    /* CSS */
    .primary, #menu-aux{font-size:1.5em;}
    .nav-wrap{margin-top:47px;}
    li.secondary{display:none;}
    #menu-aux{width:700px;}
    p.mobile,.buy{zoom:2.0;}
    .social,p.mac{zoom:1.2}
    .main-nav ul .home a{
        text-indent:-10000px;
        background-image: url("../images/home_circle_icon.png") ;
        background-repeat:no-repeat;
        height:48px;
        width:48px;
        padding:0px;
    }
    .main-nav .burger{
        display: block;
        position:absolute;
        left: 576px;
        top:237px;
        height:39px;
        /*  width:100%;*/
        background:  #1A543A;
        text-align: center;
        vertical-align: center;
        padding:1px 0 0;
    }
    .main-nav ul li a{padding:10px;}

}

.nboxout{
    text-align: center;
}

.nboxout img{
    max-height:60px;
} 

.nboxout img.mr{
    margin-right:20px;
}