/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
html, body {
	height:100%;
	margin:0;
	padding:0;
}
.carousel, .item, .active {
	height:100%;
	left: 0!important;/* fixed bug in safari where second carousel images would disappear - they were havin a left:100%; position. */
}
.carousel-inner {
	/*height:100%;*/
	/*z-index: -1;*/
}
.carousel {
	margin-bottom: -60px;
}
.carousel-caption {
	z-index: 0;
}
.carousel .item {
	background-color: #777;
}
.carousel .carousel-inner .bg {
	background-repeat:no-repeat;
	background-size:cover;
	min-height: 100%!important;
}
.carousel .carousel-inner .bg0 {

	background: url("http://demosthenes.info/assets/images/polina.jpg") no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 0 !important;
min-height: 390px;
}
.carousel .carousel-inner .bg1 {
	background-image:url(../../images/robot/awards.jpg);
	background-position: left center;
}
.carousel .carousel-inner .bg2 {
	background-image:url(../../images/robot/interior.jpg);
	background-position: center bottom;
}

.carousel .carousel-inner .bg3 {
	background-image: url(../../images/robot/robot-office.jpg);
	background-position: center center;
}
.carousel .carousel-inner .bg4 {
	background-image: url(../../images/robot/robot-interactive.jpg);
	background-position: center center;
}
.carousel .carousel-inner .bg5 {
	background-image: url(../../images/robot/robot-figures.jpg);
	background-position: center center;
}
.carousel .carousel-inner .bg6 {
	background-image: url(../../images/robot/robot-mama.jpg);
	background-position: center center;
}



/* CAROUSEL CONTROLS FOR ENTIRE SITE
-------------------------------------------------- */
.carousel-control-container{
	/*opacity: 0;*/
	opacity: 1 !important;
}
.carousel-control.left, .carousel-control.right {
    opacity: .7 !important;
}
.carousel-control-container:hover{
	/*opacity: 0.9!important;*/
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
margin-top: -25px;
padding: 6px;
margin-left: 0px;
z-index: 9;
/*height: 70px;
width: 45px*/
height:35px;
width:35px;
}
button.close{
	z-index: 10;
	position: absolute;
	right: 20px;
	font-size: 36px;
}


.homecarousel .carousel-control{
	display: none!important;
}


.homecarousel .carousel-indicators {
		bottom: 70px;
		/*background: black;
		opacity: 0.25;*/
		z-index: 10;
		position: fixed;
	}
.carousel-caption{
		padding-bottom: 100px;
	}


.home.carousel-indicators .active{

}
.home.carousel-indicators li{

}


/* Carousel for Work Section */
.oce .carousel-caption{
	left: 0;
	top: 15%;
	bottom: auto;
	right: auto;
	width: initial;
	height: initial;
	background: rgba(244, 244, 244, 0.8);
	padding: 10px 40px !important;

	text-align: left;
	text-transform: uppercase;
	color: #00965f;
	font-size: 44px;
	text-shadow: none;
}

.oce .carousel-inner .item:nth-child(2) .carousel-caption, .oce .carousel-inner .item:nth-child(4) .carousel-caption{
	right: 0;
	left: auto;
	text-align: right;
}

/*.carousel-indicators,*/ .carousel-control{
	display: block;
}
.Projcarousel:hover .carousel-indicators, .carousel:hover .carousel-indicators, .carousel:hover .carousel-control, .Projcarousel:hover .carousel-control{
	display: block;
}

.carousel-indicators .active{
	background: #666!important;
	border-color: #666!important;
}
.carousel-indicators li{
	border-color: #999!important;
	background: #999;
}

.carousel-control.left, .carousel-control.right{
	background: none;
}
.carousel-control.left:hover{
}
.carousel-control.right:hover{
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
	left: 0px !important;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
	right: -8px !important;
}
@media all and (max-width:990px){
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
		left: -8px !important;
	}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
		right: -18px !important;
	}
}

.glyphicon-chevron-left{
	background: url(../../images/robot/slider-left-arrow.png) no-repeat;
	background-size: contain;
}
.glyphicon-chevron-left:before{
	content: '';
}
.glyphicon-chevron-right{
	background: url(../../images/robot/slider-right-arrow.png) no-repeat;
	background-size: contain;
}
.glyphicon-chevron-right:before{
	content: '';
}

.carousel-inner > .item{
	background: #fff;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

.homecarousel .carousel-control{
	display: none!important;
}

}

@media (max-width: 768px){
	.oce .carousel-caption, .oce .carousel-inner .item:nth-child(2) .carousel-caption, .oce .carousel-inner .item:nth-child(4) .carousel-caption{
		position: relative !important;
		font-size: 18px !important;
		padding: 10px;
		text-align: center;
	}

}

@media (min-width: 992px) {


  }