@charset "utf-8";
/* CSS Document */
html { overflow-y:hidden; }
#container { margin-left:40px }
#leftsidebar, #login-form, #login-leftsidebar, #create-account-form, #create-account-leftsidebar, #introduction-inner { display:none; }
#filters li { float:left; list-style:none; /*border:1px #eee solid; */ margin:10px; }
#filters li span { display:block; }
#options #filters li { width:110px !important; }
.bx-wrapper { max-width:100%; margin:0 auto 30px !important; }
.bx-viewport { width:90% !important; }
.bx-wrapper, .bx-viewport, #filters { height:135px !important; }

#top-options{}
#marslinks { width:100px; position:fixed; top:0; right:0; }
#marslinks ul { list-style:none; float: right; position:relative; color:#eee; ; }
#marslinks ul li { text-align:center; width:100px; float:left; padding:0 5px; }
#marslinks ul li { /*border-left:1px solid #363636;*/ }
#marslinks ul li:last-child { /*border-right:1px solid #363636;*/ }
#marslinks ul li span { display:block; }
#marslinks ul li a { opacity:.5; text-decoration:none; color: green; font-size:.8em; }
#marslinks ul li a:hover { opacity:1; }

#options { z-index:10; position: absolute; top: 0; background: none; width: 100%; position: fixed; color: #fff; width: 90%; /*background: rgb(1,57,110); background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(1,57,110,1)), color-stop(100%, rgba(0,29,53,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: radial-gradient(ellipse at center, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01396e', endColorstr='#001d35', GradientType=1 );*/
}
#inner-content { margin-left: 52%; margin-top: 185px; }
#menu-options { top:40%; }
.item img { width: 100%; height:100%; position: relative;/* -webkit-filter: grayscale(100%);*/ filter: blur(2px); opacity:0.5; }
.item .name-title { text-transform:capitalize; position: absolute; bottom:0; left: 0; padding:10px 0; width:95%; text-align: center; color:rgba(255,255,255,0.3); text-align:right; padding-right:5%; text-transform:capitalize; }
.item:hover img { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-filter: none; filter: none; opacity:1;  outline: solid gold 2px; outline-offset: -1px;}
.item:hover .name-title { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-filter: none; color:white; background: rgb(5,5,30); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, rgba(5,5,30,0.2) 0%, rgba(5,5,30,0.9) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(5,5,30,0.2)), color-stop(100%, rgba(5,5,30,0.9))); background: -webkit-linear-gradient(-45deg, rgba(5,5,30,0.2) 0%, rgba(5,5,30,0.9) 100%); background: -o-linear-gradient(-45deg, rgba(5,5,30,0.2) 0%, rgba(5,5,30,0.9) 100%); background: -ms-linear-gradient(-45deg, rgba(5,5,30,0.2) 0%, rgba(5,5,30,0.9) 100%); background: linear-gradient(135deg, rgba(5,5,30,0.2) 0%, rgba(5,5,30,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E505051E', endColorstr='#E505051E', GradientType=1 );
}
.item .title { font-size:.7em; color:rgba(255,255,255,0.3); }
.item:hover .title{ -moz-transition: all .3s linear; -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; -webkit-filter: none; color:white; }
.item .name { font-size:1.2em; text-transform:capitalize; }
.isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; /*box-shadow: 5px 5px 5px rgba(4, 20, 54, 0.5);*/ }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; transition-property:         transform, opacity; }
/**** Isotope CSS3 transitions ****/
/* ---- isotope ---- */

/* clear fix */
.isotope:after { content: ''; display: block; clear: both; }
/* ---- .item ---- */

.item { float: left; width: 150px; height: 150px; background: #273C6B; /*border: 2px solid #333;*/
  border-color: hsla(0, 0%, 0%, 0.7); -moz-box-shadow:    inset 0 0 40px #000000; -webkit-box-shadow: inset 0 0 40px #000000; box-shadow:         inset 0 0 40px #000000; }
.item.width2 { width: 305px; }
.item.height2 { height: 305px; }
.item.width3 { width: 460px; }
.item.height3 { height: 460px; }
.item.width4 { width: 615px; }
.item.height4 { height: 615px; }
.item.width-auto { width: auto; }
.item.height-auto { height: auto; }
.bx-wrapper .bx-pager{display:none;}