[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html{
  height: 100%;
}
body {
  min-height: 100%;
  background-color:#000;
  font-size:18px;
}

.minheight{
	min-height:300px;
}

.preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color:transparent;
	z-index: 100;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}

.status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(icons/loading2.GIF);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

.new{
	position:absolute;
	margin:7px;
	right:0;
}

.text-new{
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 24px;
  font-weight: bold;
  right: 17px;
  top: 20px;
  font-size: 18px;
  /* Safari */
-webkit-transform: rotate(30deg);

/* Firefox */
-moz-transform: rotate(30deg);

/* IE */
-ms-transform: rotate(30deg);

/* Opera */
-o-transform: rotate(30deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);



}

.inline{
	display:inline;
}   

.floatRight{
	float:right;
}

.container{
	padding:5px;
}

 .caption {
	height: auto;
	min-height:350px;
	margin: 10px;
	position:relative;
}

.caption-storydetails {
	height: auto;
	margin: 10px;
	position:relative;
}

.title-card {
	margin-top:0 !important;
}

.opal {
	background: rgba(0, 0, 0, 0.5);
}

.bottom{
  margin-top: 20px;
  position: absolute;
  bottom: 0;
}

.ellipsis {
  text-overflow: ellipsis;
  -ms-text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}

.icon {
	display: inline-block;
	height:32px;
	text-align:center;
	padding-top:3px;
	font-size:smaller;
	margin-top:5px;
	margin-bottom:0;
	margin-right:0;
	margin-left:0;
	min-width:32px;
}

.icon-wide {
		width:100%;
}

.icon-like {
	font-size:24px;
	padding-top: 4px;
	margin-bottom: 6px;
	cursor:pointer;
}

.icon-menu {
	display:inline-block;
	width:24px;
	height:24px;
	text-align:center;
	font-size:smaller;
}

.icon-german{
  background:url("../Images/icons/Germany-24.png");
  background-size: 24px 24px;
  background-position:50% calc(50% - 3px);
}

.icon-english{
  background:url("../Images/icons/USA-24.png");
  background-size: 24px 24px;
  background-position:50% calc(50% - 3px);
}

.icon-axe {  
  /*-webkit-mask: url(../Images/icons/ax2.svg) no-repeat 50% 50%;
  mask: url(../Images/icons/ax2.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;*/
  background:url(../Images/icons/ax2.svg) no-repeat #fff;
  background-size: 24px 24px;
  background-position:50% 50%;
}

.icon-eye {  
  /*-webkit-mask: url(../Images/icons/eye121.svg);
  mask: url(../Images/icons/eye121.svg);
  -webkit-mask-size: cover;
  mask-size: cover;*/
  background:url(../Images/icons/eye121.svg) no-repeat #fff;
  background-size: 24px 24px;
  background-position: 50% 50%;
}

.icon-skull {  
/*  -webkit-mask: url(../Images/icons/death5.svg) no-repeat 50% 50%;
  mask: url(../Images/icons/death5.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;*/
  background:url(../Images/icons/death5.svg) no-repeat #fff;
  background-size: 24px 24px;
  background-position:50% 50%;
}

.icon-center
{
	margin-left:0px;
}

.icon-anvil {  
/*  -webkit-mask: url(../Images/icons/dumbbell20.svg) no-repeat 50% 50%;
  mask: url(../Images/icons/dumbbell20.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;*/
  background:url(../Images/icons/dumbbell20.svg) no-repeat #fff;
  background-size: 32px 32px;
  background-position:50% 50%;
}

.icon-white { background-color: white; }
.icon-black { background-color: black; }

.oss-logo{
	width:32px;
	height:32px;
}

.fa{
	//width:20px;
	text-align:center;
}

.navbar {
	background-color: rgb(255, 255, 255);
}

.navbar-lefticon
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	text-align: left;
	margin: auto;
  height:100%;
}

.navbar-nav li a {
	/*line-height: 30px;*/
	height: 25px;
	padding-top: 5px;

	float:none;
	padding: 15px 25px 15px 15px;
	display: inline-block;
}

.navbar-brand
{
	line-height: 30px;
	height: 25px;
	padding-top: 3px;
	padding-left: 5px;
	float:left;
}

.navbar-inverse .navbar-text
{
	color:#000;
	text-align:left;
	margin-left:65px;
}


.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #000;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
	background-color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #000;
	background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #000;
	background-color: #080808;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
	color: #000;
	background-color: #080808;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #000;
	background-color: #080808;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #000;
	background-color: transparent;
}

.navbar-inverse .navbar-link:hover {
	color: #fff;
	background-color:#000;
}
.navbar-inverse .navbar-link{
	color: #000;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #000;
}

.navbar-back{
	color:#333;
	position: relative;
	float: right;
	padding: 4px 13px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-image: none;
	border: 1px solid black;
	border-radius: 4px;
	}

.navbar-flag
{
	color:#333;
	background-color:#fff;
	position: relative;
	float: right;
	padding: 4px 13px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	border: 1px solid black;
	border-radius: 4px;
	background-size:32px 32px;
	width:40px;
}

.navbar-german{
	background-image:url("../Images/icons/Germany-32.png");
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.navbar-english{
	background-image:url("../Images/icons/USA-32.png");
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.navbar-link{
	z-index:100;
}

a.textlink{
	color:#000;
	text-decoration:underline;
}
a.textlink:hover{
	color:rgb(187, 22, 22);
	text-decoration:none;
}

a{
	color:#fff;
}

a:focus
a:hover{
	border:none;
	color:#eee;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #000;
	text-decoration: none;
	opacity: 1;
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;

	/*Glow*/
	-webkit-box-shadow: 0 0 25px rgba(242, 16, 16, 0.90) inset;
	-moz-box-shadow: 0 0 25px rgba(242, 16, 16, 0.90) inset;
	box-shadow: 0 0 25px rgba(242, 16, 16, 0.90) inset;
}

.thumbnail {
	border-color: #000;
	padding: 0 0 0 0 !important;
}





.header-content-wrap {
	background: rgba(0, 0, 0, 0.5);
	background-image: initial;
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-repeat-x: initial;
	background-repeat-y: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-clip: initial;
	-webkit-background-origin: initial;
	-webkit-background-clip: initial;
	background-color: rgba(0, 0, 0, 0.498039);
	position: relative;
}

.panel > .panel-heading{
	background-color:rgb(187, 22, 22);
}

.panel-title {
	color:#fff
}

.panel-body {
padding:0;    
}

.small-text {
	font-size: 10px;
}

.large-text {
	font-size: 21px;
	margin:10px;
}

.black-text {
	color: black;
}
.intro-text {
	color: white;
}

.framed-text {
	margin-left: 18px;
}

.framed-text-complete {
	margin: 18px;
}

.center-text {
	text-align:center;
	min-width:30px;
}

body.custom-background {
	background-image: url('../Images/background/OSSSpashScreen.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top center !important;
	background-attachment: fixed !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:2000px;
}



.shadowDepth1 {
	box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}

.img-deck {
	clear: left;
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
	height: 100px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto;
	margin: 15px 0 15px 0;
}

.img-story {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #eee;
	margin: 12px 12px 3px 12px;
	border: 10px solid #000;
}


.img-story-detail
{
	width: 100%;
	margin-top:0;
	cursor:pointer;
}


input[type=checkbox] {
position: absolute;
   top: auto;
   left: -9999px;
   /* For mobile, it's typically better to position checkbox on top of clickable
	  area and turn opacity to 0 instead. */
}

input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align:middle;

}

input[type=checkbox]:checked + label::before {
	content: "\f046";


}

input[type=checkbox] + label::before {
  content: "\f096";
  font-size: 16px;
  letter-spacing: 9px;
}

.modalImage{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.modalImage-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.modalImage-body {
	padding:0;
}

.modalDisclamer-body {
	background-color:#000;
	height:100%;
}

.close {
	top: 0;
	position: fixed;
	opacity: 1;
}

/*Angular Star Start*/
.star-rating {
  margin: 0;
  padding: 0;
  display: inline-block;
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 240px) {
    .star-rating .star {
        font-size: 12px;
        width:12px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .star-rating .star {
        font-size: 15px;
        width:15px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .star-rating .star {
        font-size: 12px;
        width:12px;
    }
}


.star-rating .star {
  padding: 1px;
  color: #ddd;
  text-shadow: .05em .05em #aaa;
  list-style-type: none;
  display: inline-block;
  cursor: pointer;
}
.star-rating .star.filled {
  color: #fd0;
}
.star-rating.readonly .star.filled {
  color: #333;
}
/*Angular Star End*/