/* CSS Document */
@import url("reset.css");
@import url("slicknav.css");
@import url("menu.css");

a{
text-decoration:none;
}

img{
max-width:100%;
height:auto;	
}

h1{font-size:21px}

body,html{
width:100%;
height:100%;
font-family: 'Lato', sans-serif;
background-color:white;
}

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

header{
padding:20px 0px;	
}


.topnav{
text-align:right;
font-size:11px;
font-weight:bold;
margin-top:10px;
margin-right:10px !important;
}

.topnav a:link,.topnav a:visited,.topnav a:hover,.topnav a:active{
text-decoration:none;
color:white;
}

.topnav a{
background-color:black;
text-align:center;
line-height:19px;
padding:5px;
font-weight:lighter;
}
.topnav a:hover,.topnav a.selected{
background-color:#A4855D;	
}
.topnav a.webcam {
	background: #92652c;
}
.topnav a.webcam:hover{
background-color:#A4855D;	
}

.logo {
display:block;
background: url(../images/logo.png) 100% 0 no-repeat;
background-size: 120px 140px;
height: 120px;
background-position:center;
margin:10px 0px;
padding:10px 0px;

}

nav{
font-size:13px;
}
.main-wrapper{
width:100%;
padding:0;
margin-top:120px;
height: initial; 
min-height: calc(100% - 300px);/* Firefox */
min-height: -moz-calc(100% - 300px);/* WebKit */
min-height: -webkit-calc(100% - 300px);/* Opera */
min-height: -o-calc(100% - 300px);/* Standard */
background:#000000 url('../images/bg.png');

}

.main{
height: auto; min-height: 100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(0,0,0,1) 69%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(33%,rgba(0,0,0,1)), color-stop(69%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 69%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 69%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 69%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 33%,rgba(0,0,0,1) 69%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */


}

.content{
width:96%;
position:relative;
top:-140px;
left:0;
right:0;
margin:0 auto;
max-height:100%;

}

.homeslide,.landing{
position:relative;
height:100%;
}
.homeslide .title{
position:relative;
top:100px;
text-transform:uppercase;
background:black;
opacity:.7;
color:white;
padding:7px 25px 7px 10px;
}
.viewport {
	position: relative;
}
.viewport .webcam {
	position: absolute;
	top: 6%;
	right: 2%;
	max-width: 20%;
	z-index: 2500;
}
.landimage,.landcontent{
width:100%;
background:white;
margin:0px auto;

float:none;
}

.landcontent p{
width:95%;
margin:0px auto;
font-size:14px;
text-align:left;

}
.landcontent .p1{
font-size:18px !important;	
}

.homeslide .description{
text-align:center;
color:white;
font-size:13px;
font-weight:normal;
word-spacing:3px;
}
.homecontent {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 90%;
	color: white;
	text-align: center;
	padding: 1% 0;
}
.homecontent{
    .cright{
        p,h2{
        text-align:left;
    }
    }
}
.tl{
    text-align:left;
}
.landing .title{
background:none;
}

footer{
position:relative;
top:-100px;
}
.footer{
color:white;
font-size:10px;
text-align:center;
}
.footer a{color:white}
.brand{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.content{
min-height:320px;
}
.privacy{
	min-height:320px;
	background:white;
	padding:20px;text-align:center;
}
.privacy h1{padding-bottom:25px}

  .modal-header {
    border-bottom: none; padding:0

}

#modalmask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#modalboxes .window {
  position:absolute;
  left:0;
  top:0;
  width:1049px;
  height:690px;
  display:none;
  z-index:9999;
  text-align: right; background-image:url(../images/modal3.png)
}
#modalboxes #dialog {
  width:1049px; 
  height:690;
  padding:0px;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 22pt;
  padding: 5px 5px; text-align:right
}
#popupfoot a{
	text-decoration: none; color:#FFFFFF
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.clicktoregister {
  width: 1049px;
  height: 690px;
}


@media (max-width: 1060px) {

#modalboxes .window {

  width:70%;
  height:300px; background-image:url(../images/modal3.png); background-size:contain; background-repeat:no-repeat

}
#modalboxes #dialog { margin-top:30px;
  width:70%; 
  height:350px;
}


  .clicktoregister {
    width: 100%;
    height: 300px;
  }
  
  #popupfoot{
	font-size: 15pt;
  padding: 15px 15px; text-align:right
}

}

@media(min-width:480px){

.landimage{
width:26%;
float:left;
text-align:left;
}
.landcontent{
width:73%;
float:right;
text-align:center;
}

.landing{
display:block;
background-color:#FFFFFF !important;
}



}

@media(min-width:600px){
.footer li{
display:inline;

}

.footer li:after { content: "|"; padding: 0 7px; }
.footer li:last-child:after { content: "";}
.landcontent .webcam {
	float: right;
}
}

@media(min-width:1118px){
.main-wrapper{
margin-top:190px;
}

header{
width:1120px !important;
margin-left:auto;
margin-right:auto;
position: relative;
top:30px;
}

.logo {
display:block;
background: url(../images/logo.png) 100% 0 no-repeat;
background-size: 120px 140px;
width: 120px;
height: 140px;
position: absolute;
top: -30px;
left: 532px;
z-index:10;
}

nav{
position: relative;	
z-index:11;
}

.content{
width:1117px;

}

.landimage{
	max-height:613.5px !important;
	height:inherit;
}
}

/** Gradient buttons **/
.btngold {
	display: inline-block;
	color: #fff;
	text-shadow: 2px 2px 6px #321, 3px 3px 8px #321;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 5px 30px;
	text-transform: uppercase;
	border: 0;
	background: #8a6918; /* Fallback */
	background: -webkit-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Safari */
	background: -o-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Firefox 3.6 to 15 */
	background: linear-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* Standard syntax (must be last) */
}
.btngold:hover {
	text-shadow: 1px 1px 3px #001, 3px 3px 8px #001;
	background: -webkit-linear-gradient(left, #666c70, #dde3e7, #666c70); /* For Safari */
	background: -o-linear-gradient(left, #666c70, #dde3e7, #666c70); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #666c70, #dde3e7, #666c70); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #666c70, #dde3e7, #666c70); /* Standard syntax (must be last) */
}
.btnsilver {
	display: inline-block;
	color: #fff;
	text-shadow: 2px 2px 5px #000;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 5px 30px;
	text-transform: uppercase;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	text-align: center;
	border: #c3c3c3 2px solid;
	background: #666c70; /* Fallback */
	background: -webkit-linear-gradient(left, #dde3e7, #666c70); /* For Safari */
	background: -o-linear-gradient(left, #dde3e7, #666c70); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #dde3e7, #666c70); /* For Firefox 3.6 to 15 */
	background: linear-gradient(left, #dde3e7, #666c70); /* Standard syntax (must be last) */
}
.btnsilver:hover {
	background: -webkit-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Safari */
	background: -o-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* For Firefox 3.6 to 15 */
	background: linear-linear-gradient(left, #71540b, #ebdfc7, #71540b); /* Standard syntax (must be last) */
}

.cleft{
    width:19%;
    float:left;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    
    img{
            display:block;
            margin-left:auto;
            margin-right:auto;
        }
}
.cright{
    width:79%;
    float:left;
   
    img{
            display:block;
            margin-left:auto;
            margin-right:auto;
        }
}
.blb{
    border-left:2px solid black;
}
.blw{
    border-left:2px solid white;
}

.brb{
    border-right:2px solid black;
}
.brw{
    border-right:2px solid white;
}
@media(max-width:480px){
    .cleft,.cright{
        width:100%;
        float:none;
        
    }
    .blb,.blw{
        border:none;
    }
}

.padl{
    padding-left:10px;
}