@charset "utf-8";
body {
    font-family: 'HelveticaNeueLTCom-Lt', arial;
}
/*************************************Custom css************************************/
	.mobile-responsive{
		display:none;
		width:100%;
		position:relative;
		float:left;
		top:0;
		left:0;
		/* min-height:500px; */
	}

.navbar-brand{
	padding:5px 10px;
}
@media screen and (max-width: 768px) {
	.mobile-responsive{
		display: inline;
	}
	
}
.navbar {
    margin-bottom:0px;
    border: 0px solid transparent;
}
.navbar-default {
    background-color: #0c0b09;
    border-color: #e7e7e7;
}
.navbar-default .navbar-toggle{
	border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
	
}
.carousel-caption {
    top: 0px;
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
#about_us2{
	background:#1caee7;
	width:100%;
	height:auto;
	position:relative;
	float:left;
	color:#fff;
	padding-bottom:20px;
}
#about_us2 h1{
	padding-bottom:0;
}
#about_us2 h4{
	text-transform:uppercase;
	padding-top:0;
	padding-bottom:20px;
}
#our-experience2{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	padding-bottom:20px;
}
#our-experience2 h1{
	padding-bottom:0;
}
#our-experience2 h1>span{
	color:#1caee7;
}
#our-experience2 h4{
	text-transform:uppercase;
	padding-top:0;
	padding-bottom:20px;
}
/*****slider starts here******/
 #custom_carousel .item {
            color: #000;
            background-color: #fff;
            padding: 20px 0;
			border:1px solid #e2e2e2;
			border-radius:4px;
        }
        
        #custom_carousel .controls {
            overflow-x: auto;
            overflow-y: hidden;
            padding: 0;
            margin: 0;
            white-space: nowrap;
            text-align: center;
            position: relative;
            background: #ddd
        }
        
        #custom_carousel .controls li {
            display: table-cell;
            width: 1%;
            max-width: 90px
        }
        
        #custom_carousel .controls li.active {
            background-color: #eee;
            border-top: 3px solid orange;
        }
        
        #custom_carousel .controls a small {
            overflow: hidden;
            display: block;
            font-size: 10px;
            margin-top: 5px;
            font-weight: bold
        }
/*****slider ends here******/

#testimonial_client{
	width:100%;
	height:auto;
	position:relative;
	float:left;
	background:no-repeat url(../images/arokia-testimonial-bg.jpg);
	background-size: cover;
}
#testimonial_client h3{
	text-align:center;
	color:#fff;
}
#testimonial_client p{
	text-align:center;
}
/*****slider starts here******/
 #custom_carouse2 .item {
            color: #fff;
            background-color: transparent;
            padding: 20px 0;
        }
        
        #custom_carouse2 .controls {
            overflow-x: auto;
            overflow-y: hidden;
            padding: 0;
            margin: 0;
            white-space: nowrap;
            text-align: center;
            position: relative;
            background: #ddd
        }
        
        #custom_carouse2 .controls li {
            display: table-cell;
            width: 1%;
            max-width: 90px
        }
        
        #custom_carouse2 .controls li.active {
            background-color: #eee;
            border-top: 3px solid orange;
        }
        
        #custom_carouse2 .controls a small {
            overflow: hidden;
            display: block;
            font-size: 10px;
            margin-top: 5px;
            font-weight: bold
        }
		#custom_carouse2 .carousel-control {
    position: absolute;
    top: 40%;
	bottom: inherit;
    left: auto;
    width: 15%;
    font-size: 20px;
    color:#1caee7;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=100);
    opacity: 1;
}
#custom_carouse2 .carousel-control.left {
     left: -15px;
}
#custom_carouse2 .carousel-control.right {
    right: -15px;
}
#custom_carouse2 .container-fluid {
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}
/*****slider ends here******/
footer{
	width:100%;
	height:auto;
	position:relative;
	float:left;
}

/***drop-menu*

.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  
}
.open > .dropdown-menu li a {
  color: #000;  
}
.dropdown-menu li a{
  color: #fff;
}
.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block;
  
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;  
}

.navbar .nav > li > .dropdown-menu:after {

}
.dropup > .dropdown-menu:after {
  border-bottom: 0;
  border-top: 6px solid rgba(39, 45, 51, 0.9);
  top: auto;
  display: inline-block;
  bottom: -6px;
  content: '';
  position: absolute;
  left: 50%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}*/

/*nav-color*/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #1caee7;
	background-color:transparent;
}
.navbar-nav>li.active{
	background:#FFF;
}
#carousel-main-banner .carousel-caption{
position:relative;
}
#carousel-main-banner .carousel-caption img{
margin:0 auto;
}

#carousel-main-banner .item:first-child{
background:url(../images/arokia-bg1.jpg) no-repeat;
background-size:cover;
}
#carousel-main-banner .item:nth-child(2){
background:url(../images/arokia-bg2.jpg) no-repeat;
background-size:cover;
}
#carousel-main-banner .item:nth-child(3){
background:url(../images/arokia-bg3.jpg) no-repeat;
background-size:cover;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
ul#resp-menu{
	background:#1caee7;
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:transparent; 
}
.navbar-default .navbar-nav .open .dropdown-menu{
border-bottom:1px solid #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	text-align:center;
}
#testimonial_client p span{
    font-style: italic;
}