@font-face {
    font-family: 'SegoeUI-SemiBold';
    src: url('fonts/seguisb.eot');
    src: url('fonts/seguisb.eot?#iefix') format('embedded-opentype'),
         url('fonts/seguisb.woff') format('woff'),
         url('fonts/seguisb.ttf') format('truetype'),
         url('fonts/seguisb.svg#seguisb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/segoeui.eot');
    src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui.woff') format('woff'),
         url('fonts/segoeui.ttf') format('truetype'),
         url('fonts/segoeui.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; outline: 0; }

body{ height: 100%; }

html {background: url(images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;}

body {
    font-size: 14px;
    line-height: 18px;
    font-family: 'SegoeUI', arial, sans-serif;
    color: #aeaeae;
    background: #fff;
    min-width:480px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family: 'SegoeUI', arial, sans-serif; color:#393939;  }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { min-height:100%; position:relative;  }

#bg { position:absolute; overflow:hidden; top:0; left:0; right:0; z-index: 1; height:100%; background-image:url(images/background.jpg); min-height: 825px; display: none }
#bg img { min-width:100%; min-height:auto;   position:relative; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

.content-wrapper {padding: 0px; width: 100%; height:400pt; display:inline-block; margin-bottom:10px;}

.content-box { width:800pt;  z-index: 2; position:absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 5%; padding:34px 0;  transition:all 0.2s ease;}
.content-box.type2 { padding-top: 20%;  }
.content-box.type2 .blackbox form{ padding-top:6px;  }


h1#logo { padding-bottom:20px;}
h1#logo a { background:url(images/logo-white.png);  display:block; background-size: auto 100pt; background-position: center; background-repeat: no-repeat; height:100pt; width:800pt; }


.press-photo { width:400pt;  z-index: 2; padding: 0;  float: right; transition:all 0.2s ease; }
h1#press-photo a { background:url(images/press-photo.jpg);  display:block; background-size: auto 400pt; background-position: center; background-repeat: no-repeat; height:400pt; width:400pt;}


.press-photo-mobile { width:400pt;  z-index: 2; padding: 0; transition:all 0.2s ease; display:none;}
h1#press-photo-mobile a { background:url(images/press-photo.jpg);  display:block; background-size: auto 400pt; background-position: center; background-repeat: no-repeat; height:400pt; width:400pt;}

.blackbox {
    background:#222;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.8) 100%);
	border-radius:0px;
	width: 400pt;
	height: 98%;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.blackbox { text-align:center; padding-bottom:11px; margin-bottom:11px; float:left}
.blackbox h3,
.blackbox h2 { font-family: 'SegoeUI-SemiBold'; font-size:28px; line-height:28px; color:#fff; font-weight:normal; padding:20px 40px;  letter-spacing:-2px; }
.blackbox h3 { font-size:22px; line-height:26px; padding:12px 30px; }
.blackbox p { padding-bottom:10px; text-shadow:1px 1px 1px rgba(0,0,0,0.7)  }
.blackbox form { padding:10px 0 16px;  }
.blackbox .field { background-color:#fff; font-size:14px; padding:10px 10px; border:0; width:256px; margin-bottom:16px;  }
.blackbox .field {
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.blackbox .submit { background: #00b4ff url(images/submit-arrow.png) no-repeat 220px 10px; color:#fff; border:1px solid #6ed4ff; font-family: 'SegoeUI-SemiBold'; width:276px; height:35px; cursor:pointer; font-size:18px;  }  
.blackbox .submit { -webkit-appearance:none; line-height:18px; padding: 0 26px 4px 0;  }  
.blackbox .submit:hover { background-color:#059edd;  }  

.footer { color:#fff; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.7) }
.footer a { color:#fff;  }

.social {height: 105px; width: 100%; text-align:center; padding: 5px; vertical-align: top;}
.linksocial {height:100px; display: inline-block; padding: 4px }
.socialicon {height: 100px; display: inline-block; transition:all 0.2s ease; -webkit-font-smoothing: antialiased;}
.socialicon:hover{transform: scale(1.2)}

.about {padding: 20px; transition:all 1s ease; height: 0px;}

.html-mobile-background {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 125%; /* To compensate for mobile browser address bar space */
    background: url(images/background.jpg) no-repeat; 
    background-size: 100% 100%;
	display: none;
}

@media only screen and (max-width: 1100px){
		#bg { height: 120%}
		h1#logo a {width: 100%}
		
		.press-photo { display: none; }
		.press-photo-mobile {display: block;}
		.content-box { width:400pt;}
		.blackbox { height: 105pt}
		.sc {display: none}
		.content-wrapper {margin-bottom: 160px;}
}

@media only screen and (max-width: 600px){
	.html-mobile-background {
        display: block;
    }
}