@charset "UTF-8";
/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,webcam {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{background:transparent;text-decoration:none;-webkit-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-moz-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-ms-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;-o-transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;transition:color 0.1s linear,border 0.1s linear,opacity 0.1s linear,background-color 0.1s linear;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{font-family:Helvetica,Arial,sans-serif;}:-moz-placeholder{font-family:Helvetica,Arial,sans-serif;}::-moz-placeholder{font-family:Helvetica,Arial,sans-serif;}:-ms-input-placeholder{font-family:Helvetica,Arial,sans-serif;}.btn:hover{cursor:pointer;}.btn:active{-webkit-box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;-moz-box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;box-shadow:1px 2px 3px rgba(0,0,0,0.5) inset;position:relative;left:1px;top:1px;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url("../js/boxsizing.htc");}
.clearfix:before,.clearfix:after,header:before,header:after,aside:before,aside:after,.block:before,.block:after,.joinForm form:before,.joinForm form:after,.formColumn>p:before,.formColumn>p:after{display:table;content:" "}.clearfix:after,header:after,aside:after,.block:after,.joinForm form:after,.formColumn>p:after{clear:both}
@font-face { font-family: 'BradyBunch'; src: url('/media/fonts/BradyBunch.eot'); src: url('/media/fonts/BradyBunch.eot?#iefix') format('embedded-opentype'), url('/media/fonts/BradyBunch.woff') format('woff'), url('/media/fonts/BradyBunch.ttf') format('truetype'), url('/media/fonts/BradyBunch.svg#BradyBunch') format('svg'); font-weight: bold; font-style: normal; }
body { background: #fff; color: #000; font:400 62.5%/1 Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; padding-bottom: 3em; }
.left { float: left; }
.right { float: right; }
.clear{ clear:both; width:100%; }
.center{ text-align:center; }
.space{ padding:20px; }
.btn { -webkit-box-shadow: 6px 6px 0 #000; -moz-box-shadow: 6px 6px 0 #000; box-shadow: 6px 6px 0 #000; display: block; padding: 0 1em; text-align: center; text-transform:uppercase; }
a{ color:#FE9DDD; }
.btn.btnSubmit, .heading, header h1, a.btn, .txsh { text-shadow: -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000, 3px 5px 0 rgba(0, 0, 0, 0.9); }
a.btn { background: #8E1A81; color: #FFFFFF; font: bold 4.8em/1.2 "BradyBunch", sans-serif; height: 1.2em; display:inline-block; margin:0 10px 0.5em 10px; }
a.btn:hover { background: #C357B7; }
a.btnSmall{ font-size:2.1em; font-weight:normal; box-shadow: 3px 3px 0 #000; margin:0.3em 10px 0.3em 10px; padding:0 0.5em; }
p{ font-size:17px; }
header { background: #8E1A81; border-bottom: 1px solid #000; -webkit-box-shadow: 0 8px 35px 3px rgba(0,0,0,0.42); -moz-box-shadow: 0 8px 35px 3px rgba(0,0,0,0.42); box-shadow: 0 8px 35px 3px rgba(0,0,0,0.42); color: #fff; }
header #logo img { display: inline-block; padding: 0.33em 0 0.66em; width:100%; }
header #logo{ width:30%; display:inline-block; }
header .siteInfo { display: inline-block; padding-left: 1em; vertical-align: top; width:69%; }
header h1 { display: block; font: bold 5em/0.7 "BradyBunch", sans-serif; height: 0.8em; overflow: hidden; padding: 0 4px; margin-top:5px; text-transform:uppercase; }
header h1 strong { color: #ffffff; }
#cams{ margin: auto; width: 98%; }
.homechat{ margin:20px auto 0 auto; width:98%; height: 56.25vw; max-width:960px; max-height:540px; margin:20px auto 0 auto; }
.block { margin: 0 -5px 2em; }
.block > div { float: left; padding: 0 5px; margin-bottom: 12px; width: 20%; }
.block > div a { display: block; height: 0; padding-bottom: 56.25%; position: relative; }
.block > div img { display: block; height: auto; margin: auto; width: 100%; }
.block > div a img.thumb { border: 1px solid #434343; }
.block > div a img.thumb:hover { border: 1px solid #232323; }
.block > div a > img.overlay { height: 100% !important; left: 0; position: absolute; top: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; z-index: 100; }
.block > div a:hover > img.overlay { opacity: 1; filter: alpha(opacity=100); }
.block > div a:active img { opacity: 0.8; filter: alpha(opacity=80); }
.block > div a > img.webcam { position: absolute; top: 3%; right: 3%; z-index: 90; width: 90px; }
.pagination { margin: 1.2em auto; text-align: right; width: 98%; }
.pagination ul { color: #c4c4c4; }
.pagination span.currentpage, .pagination a { color: #fff; background: #8E1A81; font: bold 4em/1.7 "BradyBunch", sans-serif; height: 1.7em; padding: 0 0.33em; text-shadow: 1px 1px 2px rgba(0,0,0,0.9); }
.pagination a:hover { background: #C357B7; color: #36BBF9; }
.pagination a.prevnext { background: #575757; }
.pagination span.currentpage { background: #C357B7; }
footer { clear: both; margin-top: 3.5em; text-align: center; }
footer p { color: #000; font-size: 1.5em; font-weight: 300; line-height: 1.2; margin: 0.2em auto 0.13em auto; width:96%; }
footer p.copyright { font-weight: 400; margin: 1em auto 0.2em; color: #909090; }
footer a { -webkit-box-shadow: 3px 3px 0 #000; -moz-box-shadow: 3px 3px 0 #000; box-shadow: 3px 3px 0 #000; display: block; padding: 0 0.5em; text-align: center; background: #8E1A81; color: #FFFFFF; font: normal 2.1em/1.2 "BradyBunch", sans-serif; height: 1.2em; display:inline-block; margin:0 10px 0.3em 10px;  }
footer a:hover { background: #C357B7; }

/*  SCREEN SIZE */
@media (min-width:3841px) {
	.block > div { width: 10%; }
}
@media (min-width:2561px) and (max-width:3840px){
	.block > div { width: 12.5%; }
}
@media (min-width:2201px) and (max-width:2560px){
	.block > div { width: 14.2857%; }
}
@media (min-width:1920px) and (max-width:2200px){
	.block > div { width: 16.6666%; }
}
@media (min-width:1401px) and (max-width:1730px){
	header h1 { font-size: 4.1em; height: 1em; line-height: 1.0; margin-top:0px;  }
	
}
@media (min-width:1251px) and (max-width:1400px){
	header #logo{ width:30%; }
	header .siteInfo{ width:69%; margin-top:5px; }
	header h1 { font-size: 3.7em; height: 1em; line-height: 0.9; margin-top:0px; }
	.block > div { width: 25%; }
}

@media (min-width:991px) and (max-width:1250px){
	header #logo{ width:30%; }
	header .siteInfo{ width:69%; margin-top:2px; }
	header h1 { font-size: 3.2em; height: 1em; line-height: 0.9; margin-top:0px; }
	.block > div { width: 25%; }
	p{ font-size:12px; }
}
@media (min-width:768px) and (max-width:991px){
	header #logo{ width:30%; }
	header .siteInfo { width:69%; margin-bottom:1em; }
	header h1 { font-size: 2.5em; line-height: 0.9; height: 1em; margin-top:0px; }
	.block > div { width: 33.3333%; }
	footer p { font-size: 1.35em; }	
	.npt-object-container object{ width:750px; height:421px; }
	.npt-object-container object embed{ width:750px; height:421px; }
	a.btn{ font-size:3.6em; }
	p{ font-size:12px; }
}
@media (max-width:767px){
	header #logo{ width:98%; display:block; }
	header .siteInfo { margin:0; width:100%; text-align:center; }
	header h1 { font-size: 3.0em; line-height: 0.9; height: 1em; }
	a.btnSmall{ font-weight:normal; box-shadow: 3px 3px 0 #000; margin:0.3em 10px 0.3em 10px; padding:0 0.5em; background: #434343; color: #eedb2b; font: bold 2.1em/1.2 "BradyBunch", sans-serif; text-shadow: -2px -2px 0 #000000, 2px -2px 0 #000000, -2px 2px 0 #000000, 2px 2px 0 #000000, 3px 5px 0 rgba(0, 0, 0, 0.9); }
	footer { padding: 0 2em; }
}
@media (min-width:480px) and (max-width:767px){
	.block > div { width: 50%; }
}
@media (min-width:580px) and (max-width:767px){
	header .siteInfo { margin-top: 1.8em; }
	.npt-object-container object{ width:570px; height:320px; }
	.npt-object-container object embed{ width:570px; height:320px; }
	a.btn{ font-size:2.6em; }
}
@media (min-width:580px) and (max-width:679px){
	header h1 { font-size: 2.4em; height: 1.3em; line-height: 0.9; padding: 0 4px; margin-top: 0; }
}
@media (max-width:579px) {
	.pagination,
	header{ text-align: center; }
	header .siteInfo{ display: none; }
	a.btn { font-size: 3.5em; }
	
}
@media (min-width:480px) and (max-width:579px){
	header{ padding-bottom:3%; }
	.npt-object-container object{ width:470px; height:264px; }
	.npt-object-container object embed{ width:470px; height:264px; }
	a.btn{ font-size:2.1em; box-shadow: 3px 3px 0 #000; }	
}
@media (max-width:479px) {
	.pagination span.currentpage,
	.pagination a { font-size: 2.6em; }
	.block { margin-left: auto; margin-right: auto; }
	.block > div { float: none; padding: 0; margin: 0 0 1em; width: 100%; }
	footer { margin: 3.5em auto 0; width: 98%; }
	footer p { font-size: 1.4em; }
	header{ padding-bottom:3%; }
	header h1{ font-size:1.8em; }
	header .siteInfo{ float:none; }
	.npt-object-container object{ width:320px; height:240px; }
	.npt-object-container object embed{ width:320px; height:240px; }
	a.btn{ font-size:3.1em; display:block; margin:0 1em 0.5em 1em; }	
}