.blue {
	color: #5486ae !important;
}
.white {
	color: #fff !important;
}
.red {
	color:#F00;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	text-decoration:underline;
}
ul.ulcontent {
  padding-left: 20px;
}
li.licontent {
    display: block;
	font-size:15px;
	font-weight:bold;
	color:#777;
	padding:6px 0px;
	border-bottom: 1px dotted #CCC;
}

li.licontent:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    float: left;
    margin-left: -22px;
    color:#3C3;
}
@media (min-width: 800px) { /*used to make panels equal height. Remove this class once screen width shrinks to preserve responsiveness */
	.equal, .equal > div[class*='col-'] {  
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex:1 1 auto;
	}
}

.panel {
	box-shadow:5px 5px 10px #AAA;
	border:1px solid #CCC;
	width:100%;
}
.item {

}
.navlink {
	font-weight:bold;
	color:#DDD !important;
}
.navlink:hover {
	color:#FFF !important;
	}
.section-container {
	position:relative;
	border: 1px solid #CCC;
	border-radius:5px;
	padding:35px  35px 10px 35px;
}
.section-header {
	font-weight: 300;
	font-style:italic;
	position:absolute;
	font-size:32px;
	color:#999;
	top:-25px;
	left:25px;
	padding:0px 15px 0px 10px;
	background:#FFF;
}
.section-body {
	font-weight: 300;
	font-size:18px;
	color:#444;
	margin-bottom:10px;
}
.divbutton {
	margin-top:35px;
}
a.startbutton {
	text-decoration:none;
	color:#EEE;
	font-weight:300;
	padding:5px 20px;
	font-size:22px;
	border-radius:4px;
	border: 1px solid #DDD;
	cursor:pointer;
}
a.startbutton:hover {

	background-color:rgba(0, 0, 0, 0.3); 
}
.caroContainer {
	margin:0px auto;
	position:relative;
	padding-top:150px;
	padding-right:200px;
	padding-left:75px;
	max-width:1300px;
	text-align:left;
}
.line {
	font-weight: 300;
	position:relative;
	font-size:32px;
	color:#EEE;
	text-shadow: 2px 2px 5px #000;
	width:70%;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* just for demo purpose */
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}

.item:nth-child(1) {
	background: url('/assets/caro2.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.item:nth-child(2) {
	background: url('/assets/caro2.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.item:nth-child(3) {
	background: url('/assets/caro2.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (max-width: 1025px) {
	.navbar {
		background-color: rgba(40,40,50,1.0);
		padding:0px;
	}
    #akcarousel {
        /*display: none;*/
    }	
	.navbar-fixed-top {
		position: initial !important;
	}
}
.botMarg {
	margin-bottom: 10px;
}