/** {transition:1s;}*/
a:link, a:visited, a:hover, a:active {/*color:#50A8EF;*/ font-weight:bold; text-decoration:none;}

html,body {min-height:100%; margin:0; font-family:Verdana,sans-serif;}
body {background-color:rgb(52,58,64); background-color:transparent; height:100%}
html,
div#container {background:url('np3.jpg') center no-repeat fixed; background-size:cover; box-shadow:inset 0px 0px 0px 9999px rgba(255,255,255,0.5); text-align:center;}


div#container div.headBox {padding:48px 0 24px;}

div#container div.videoBox {background-color:dodgerblue; padding:8px; border-radius:6px; width:100%; box-sizing:border-box; max-width:600px; margin:0 auto;}
div#container div.videoBox div.videoWrap {width:100%; position:relative; padding:0 0 56.25%; border-radius:6px; box-shadow: 3px 3px 5px rgba(0,0,0,0.25);}
div#container div.videoBox div.videoWrap iframe.video {position:absolute; top:0; left:0; width:100%; height:100%;}

div#container div#blanketBox {position:static; top:16px; right:16px; text-align:center;}
div#container div#blanketBox button.allBtn {cursor:pointer; padding:2px 8px; margin:12px 4px; border:1px solid rgba(52,58,64,0.5); border-radius:5px; /*background-color:rgba(255,255,255,.25);*/}

div#container div#loadBox {max-width:800px; margin:0 auto; height:100%; overflow:hidden; /*padding-top:40px;*/ /*padding-bottom:24px;*/}

div#container, 
div#container div#loadBox ul.row {border-radius:8px;}
div#container div#loadBox ul.row {background-color:rgba(52,58,64,0.5); padding-left:0; margin-bottom:0; margin-top:5px; /*padding-top:12px; padding-bottom:20px;*/}
div#container div#loadBox ul.row:last-of-type {/*margin-bottom:0;*/}

div#container div#loadBox ul.row li.headBox {list-style:none; font-size:1.5em; color:#AAA;}
div#container div#loadBox ul.row li.headBox div.groupHead {/*padding:.1em 0;*/ /*margin:12px 0 0;*/ cursor:pointer;}
div#container div#loadBox ul.row li.headBox div.groupHead h5 {margin:0; font-weight:300; font-size:17px; position:relative; left:8px;}
div#container div#loadBox ul.row li.headBox div.groupHead div.badgeBubble {background-color:#FF3A32; color:#FFF; border-radius:50px; padding:2px 4px; min-width:19px; min-height:17px; text-align:center; display:inline-block; /*position:relative; left:3px; top:-1px;*/ position:absolute; right:0; top:2px;}
div#container div#loadBox ul.row li.headBox div.groupHead div.badgeBubble div.groupSize {font-weight:300; font-size:13px;}

div#container div#loadBox ul.row li.pageBox {list-style:none; overflow:hidden; border-radius:8px; transition:.5s;}
div#container div#loadBox ul.row li.pageBox.filterOut {display:none;}
div#container div#loadBox ul.row li.pageBox div.sizeHolder {height:0; padding-top:100%; /*margin-top:15px; margin-bottom:15px;*/}
div#container div#loadBox ul.row li.pageBox iframe, div#container div#loadBox ul.row li.pageBox .frameCover, 
div#container div#loadBox ul.row li.pageBox a.pageLink {position:absolute; top:2px; right:2px; bottom:2px; left:2px; /*width:100%; height:100%;*/}
div#container div#loadBox ul.row li.pageBox iframe {overflow:hidden; border:none; z-index:1;}
div#container div#loadBox ul.row li.pageBox .frameCover {background-color:rgba(52,58,64,0.75); border:0px solid rgb(52,58,64,0.75); z-index:2;}
div#container div#loadBox ul.row li.pageBox .frameCover div.index {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:15vmin; color:rgba(0,0,0,0.05);}
div#container div#loadBox ul.row li.pageBox label {position:absolute; right:0; bottom:0; z-index:3; margin:.75em 1em; border-radius:50px; color:rgba(225,225,225,1); font-size:16px; font-weight:300; text-align:right; transition:.5s;}
div#container div#loadBox ul.row li.pageBox label:empty {background-color:rgba(225,225,225,0.5); height:1em; width:50%;}
div#container div#loadBox ul.row li.pageBox a.pageLink {display:block; width:99%; margin:auto; color:rgba(225,225,225,0.5); z-index:3;}
div#container div#loadBox ul.row li.pageBox a.pageLink:hover {color:rgba(255,255,255,0.85);}
div#container div#loadBox ul.row li.pageBox a.pageLink i.fa {font-size:80px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
div#container div#loadBox ul.row li.pageBox a.pageLink:hover + 
div#container div#loadBox ul.row li.pageBox .frameCover {background-color:rgba(52,58,64,0.15);}


div#foot {width:100%; max-width:800px; margin:5px auto 0; background-color:rgba(52,58,64,0.5); color:#FFF; color:#CCC; padding:60px 0 40px; text-align:center; border-radius:8px 8px 0 0;}
/*div#foot {margin:0 auto;}*/
div#foot .logoBox {margin-bottom:12px;}
div#foot .logoBox img.logo {height:34px; /*position:relative; bottom:3px;*/ transition:1s;}
div#foot .linkOut {font-size:12px; font-weight:100; color:#999;}
div#foot .copy {font-size:12px; font-weight:100; color:#999;}
div#foot .links {font-size:12px; font-weight:100; color:#DDD;}
div#foot .deviceSize {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:right; font-size:160px; opacity:.1;}
div#foot .country {position:relative; /*position:absolute; bottom:0; left:24px;*/ text-align:left;}
div#foot .country img {background-color:#999; border-radius:50%; height:18px;}
div#foot .country span {/*position:absolute; top:55%; transform:translateY(-50%);*/ padding:6px; font-size:12px;}
div#foot .socialBox {margin:12px 0; text-align:center;}
div#foot .socialBox a.socialMediaButton {display:inline-block; background-color:rgb(52, 58, 64); border-radius:50%; color:#FFF; padding:15px; position:relative; /*top:50%; transform:translateY(-50%);*/ transition:.5s; /*opacity:.25;*/}
div#foot .socialBox a.socialMediaButton:hover {background-color:dodgerblue; color:#FFF}
div#foot .socialBox a.socialMediaButton .fa {font-size:18px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.5s; opacity:.25;}
div#foot .socialBox a.socialMediaButton:hover .fa {opacity:1;}

 /* mobile(xs) */
@media screen and (max-width:575px) {
	div#container div#loadBox ul.row li.headBox div.groupHead h5 {font-size:15px;}
	div#container div#loadBox ul.row li.headBox div.groupHead div.badgeBubble div.groupSize {font-size:10px;}
	div#container div#loadBox ul.row li.pageBox label {font-size:12px;}
	div#container div#loadBox ul.row li.pageBox label:empty {width:60%;}
	div#container div#loadBox ul.row li.pageBox a.pageLink i.fa {font-size:80px;}
	div#foot {position:relative;}
}
/* mobile(sm), tablet(md), desktop(lg,xl) */
@media screen and (min-width:576px) {
	div#foot {position:fixed; bottom:0; left:0; right:0; z-index:-1;}
}