body {
        padding-top: 0px;
        padding-bottom: 0px;
		font-family: 'Roboto', sans-serif;
		font-size:15px;
		
      }
	  
	  h1,h2,h3,h4,h5,h6{
		font-weight:200;
		
	  }
	

	  .inner-top-bg{
			position:absolute;
			top:0px;
			left:0px;
			bottom:0px;
			display:inline-block;
			width:100%;
			min-width:100%;
			height:100%;
			min-height:100%;
			background: rgba(0, 0, 0, 0.4);
			
	  }
	  .jumbotron {
			background: none;
			text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px;
			position:relative;
			top:0px;
			left:0px;
			right:0px;
			z-index:1;
			width:100%;
			text-align:center;
			padding-right:0px;
			padding-left:0px;
	  }
	  
	  .jumbotron h1{
			color:#fff;
	  }
	  
	  .jumbotron p {			
			font-size:120%;
			color:#fff;
			margin-left:auto;
			margin-right:auto;
			position:relative;
		}
		.btn.btn-start{
			background: rgba(0,0,0, 0);	
			border:1px solid #fff;
			color:#fff;
			display:inline-block;
			font-weight: 200;
			margin-top:40px;
			width:60px;
			height:60px;
			border-radius:50%;
			z-index:2;
			padding:5px 5px 10px;
		}	
		
		.btn-start{
			background: rgba(0,0,0, 0);
			border:1px solid #fff;
			color:#fff;
			display:inline-block;
			font-weight: 200;

			width:60px;
			height:60px;
			border-radius:50%;
			z-index:2;
			padding:5px 5px 10px;
			line-height: 1.428571429;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			cursor: pointer;
		}		
		.btn.btn-start:hover, .btn-start:hover{
			background: rgba(0,0,0, 0.5);
			color:#fff;
			
		}
	  section {
		padding-top:50px;
		padding-bottom:100px;
		
		width:100%;
		min-width:100%;
		position:relative;
		overflow:hidden;
	  }
	  
	  section.projects{
		padding:0px;
		margin:0px;
		width:100%;
	  }
	  
	  .row-grid{
		display: table-row;
		margin:0px;
		padding:0px;
	  }
	  
	  #Section-1{
			z-index:1000;
			background:#fff;
			
	  }
	  
	   #Section-2{
		background: url(../../images/asteroids.jpg) 50% 0% fixed repeat;
		
	  } 
	  
	  .nicescroll-rails{
		z-index:1200 !important;
	  }

	 
	  
	  
	  #team{
		width:100%;
		min-width:100%;
		position:relative;
		display:inline-block;
		margin:0px;
	  }
	  
		
	
	  #Section-2 hr{
		color:tramsparent;
	  }
	  	  #Section-3{
		background:#fff;
	  }
	  
	  .color-white{
		color:#fff;
	  }
	  
	  .panel{
		margin-bottom:30px;
	  }	  
	  

	  .panel h3{
		text-shadow: 0px 1px 0px rgba(250, 250, 250, 1);
	  }
	  .panel .list-group-item{
		background: rgba(250,250,250, 0.7);
	  }

	ul.portfolio {
		line-height: 0;
		padding: 0;
		}
	  ul.portfolio li {
		display: inline-block;
		width: 25%;
		}
	  /****************** NAVIGATION STYLES *************************/
	 .navbar {
		background-color: #ffffff;
		border:0px;
		box-shadow:0px -3px 0px rgba(50,50,50, 0.25) inset;
	}
	  navbar-fixed-top{
		z-index:1030;
	  }
	  
	.navbar .nav > li > a {
		float: none;
		padding: 15px 20px 15px;
		color: #777777;
		text-decoration: none;
		text-shadow: none;
		font-size:14px;
		font-wight: bold;
		text-transform:uppercase;
	}
	.navbar .nav > .active > a, 
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus {
		color: #ffffff;
		
		text-decoration: none;
		background-color: #ffbb42;
		-webkit-box-shadow:  none;
			-moz-box-shadow:   none;
				box-shadow:  none;
	}


	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
		color: #fff;
		font-weight:600;
		box-shadow:0px -3px 0px rgba(50,50,50, 0.53) inset;
		}
		
	
	
	section{
     position:relative;
     width:100%;
     
     
}
.fa-100x{
    font-size:30em; 
    color:#fff;
    
}
section.half-section{
       
        overflow: hidden; 
        position:relative;
}

.overlay {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    
    z-index:0;
    background:rgba(0,0,0, .7);

}
section.half-section .left{
    width:50%;
    min-height:100%;
    position:relative;
    float:left;
    min-height:500px;
    display:inline-block;
    z-index:1000;
    overflow:hidden;
	background: url(../../images/bg1.jpg) no-repeat;
background-size: cover;	

}

section.half-section{
	padding:0px;
}
section.half-section .right{
    width:50%; 
    position:relative;
    float:left;
    min-height:500px;
    display:inline-block;
    z-index:1000;
    overflow:hidden;
    max-height:100%;
   
	background:#ffc155;
    padding:50px 30px;

}

section#services{
	background:#f5f5f5;
}
section.half-section .right h2{
    color:#FFF; 
    font-size:2.5em;
    text-transform: uppercase;
    font-weight:600;
}

.absolute-box {
    position:absolute;
    right:-13em;
    top:2em;

}

.relative-box{
    position:relative;
    z-index:999;
    color:#fff;

}
.img-responsive{
	min-width:100%;
}

.circle-icon-bg{
background: #fff;
border: 1px solid #ddd;
display: inline-block;
font-weight: 200;
margin-top: -90px;
width: 80px;
height: 80px;
border-radius: 50%;
z-index: 2;
padding: 25px 5px 10px;
}

section.feature-section{
    position:relative;
    z-index:1002;
	margin:0px;
	padding:0px;
	text-shadow:none;
	background: #fff;


}

section.app-section{
    position:relative;
    z-index:1002;
	margin:0px;
	padding:0px;
	text-shadow:none;
		background: rgb(255, 255, 255);
		background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
		background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
		background: -o-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
		background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);
		background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(220, 220, 220) 50%);


}

section.feature-section.padding{
	padding:60px 0;
}

#project-section{

	background: url(../../images/ipadbg.png) 0 50% no-repeat fixed;
	background-size: 100% auto;

}

.carousel-inner>.item{
	min-width:100%;
}

	/*************** @media ******************/
	@media (max-width: 979px){
		body{
			padding:0px;
		}
		.navbar-fixed-top {
			margin-bottom: 0px;
		}
		
		.navbar-fixed-top, .navbar-fixed-bottom {
			position: fixed;
		}
		
		.navbar .container {
			width: auto;
			padding: 0px 20px;
		}
		
		.navbar .brand {
			padding-right: 10px;
			padding-left: 10px;
			margin: 0 0 0 15px;
		}
		.container{
			padding:0px 20px;
		}
		
		.jumbotron {
			padding: 0px;
			top:30px;
		}
		.jumbotron h1 {
			color: #fff;
			padding-top: 150px;
			font-size:40px;
		}
		footer .page-header h3{
			padding-top:100px !important;
		}
		.fa-100x {
			font-size: 25em;
			color: #fff;
		}
	}
	@media (max-width: 762px){
		section.half-section .right h2{
		color:#fff; 
		font-size:2em;
		text-transform: uppercase;
		font-weight:600;
	}
	.fa-100x {
		font-size: 20em;
		color: #fff;
	}
	
	.text-right{
		text-align:left;
	}
	  
	}

	
	

	
	.social-panel{
		width:50%;padding:0;padding-top:0;margin-top:0;
		min-width:50%;
		text-align:center;
		float:left;
	}
	
	@media only screen and (max-width:767px){.social-panel{width:100%;}}
	.social-panel .inner{
		padding: 60px 60px 0px;
	}
	.social-panel a i{
		margin-top:40px;
		color:#fff;
	}
	
	.social-panel .form-control {
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 1.428571429;
		color: #fff;
		vertical-align: middle;
		background-color: transparent;
		border: 0px;
		border-bottom:1px solid rgba(250,250,250, .6);
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	.social-panel a{
		display:inline-block;
		min-width:100%;
		height:100%;
		
	}
	.social-panel .dribbble{ width:25%; min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5); }
	.social-panel .dribbble:hover{  background:#ed6297;}
	.social-panel .facebook{ width:25%;  min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5);}
	.social-panel .facebook:hover{ background:#3b5998;}
	.social-panel .twitter{display:inline-block;width:25%;  min-height:140px; float:left; border-right:1px solid rgba(250,250,250, .5);}
	.social-panel .twitter:hover{background:#2094CA;}
	.social-panel .google-plus{display:inline-block;width:25%;  min-height:140px; float:left; }
	.social-panel .google-plus:hover{ background:#E66F63;}
	
	/******** new-btn *******/
	.btn-op:hover {
	 background-color: #FFF;
	 color: #7ca4a4;
	}
	.btn-op {
	 color: #fff; border: 1px solid rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0);
	}
	.btn-wt {
	color:#7ca4a4; border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 255, 255);
	}
	.btn-wt:hover {
	 background-color: #7ca4a4;
	 color: #fff;
	}
	
	/******** new style*****/
	
	.form-row {
	  border-radius: 0px;
	}
.text-white {
 color: #fff;
}
.margin-left {
  margin-left: 30px;
}
.div {
 padding-bottom: 15px;
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 15px;
}

.fa {
 color: #709dca;
}
.fa:hover {
 color: #dd8b32;
}
.btn-about {
 border-radius: 0px;
 background: none;
 border: 1px solid #e7ad48;
 color: #fff;
 -webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.btn-about:hover {
 background-color: #dd8b32;
 color: #fff;
}
.border-none {
 border-radius: 0px;
 border: none;
}
.margin-top-10 {
 margin-top: 10px;
}

.margin-top-7 {
margin-top: 7px;
}

.button-price {
  background: #ffbb42;
  border-radius: 0px;
  height: 38px;
  width: 125px;
  padding: 0 auto;
  margin: 0 auto;
  
  display: block;
  color: #fff;
  
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;


}
.button-price:hover {
  background-color: #dd8b32;
  color: #fff;
}
.button-sec {
  background: #ffbb42;
  border-radius: 2px;
  height: 40px;
  width: 150px;
  
  margin: 0 auto;
  padding-top:10px;
  display: block;
  color: #fff;
  
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;


}
.button-sec:hover {
  background-color: #dd8b32;
  color: #fff;
}

.orange {
border: none;
 background: #ffbb42;
 -webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.orange:hover {
background-color: #dd8b32;
  color: #fff;
}
 .text-blue {
 color: #709dca;
 }

 .fz-10 {
  font-size:10px;
 }
 .fz-15 {
 font-size:15px;
 }


@media (max-width: 768px){
.half-section .right {
  width:100%; 
}
}
.border {
  border-left: 10px solid #ffc155;
  border-right: 10px solid #ffc155;
}
.post-tile {
color: #f6772c;
  position: relative;  
  background-color: #f6772c;
 
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  @media print {
    .post-tile {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin-bottom: 0px;
      border: none; } }
.post-tile:hover {
color: #f6772c;
  -webkit-box-shadow: 0px 13px 20px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 13px 20px 5px rgba(0, 0, 0, 0.2); }
  @media print {
    .post-tile:hover {
      -webkit-box-shadow: none;
      box-shadow: none; } }
	  
	  .panel-heading {
	   background-color: #f6772c;;
	  }
	  
.footer-btn {
border-radius: 0px;
 background: none;
 border: 2px solid #fff;
 color: #fff;
 -webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
   	   
	  }
	  
	  .footer-btn:hover {	  
background-color: #dd8b32;
 color: #FFF;
 }
 #feedbackForm span, #feedbackForm2 span{
	display: none !important;
}
 
 .form-horizontal .form-group{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
 
@media only screen and (max-width : 320px) {
 section.half-section .right{
    width:100%;  
}      
    }

 @media only screen and (max-width : 480px) {
 section.half-section .right{
    width:100%;  
}

    }
	@media only screen and (max-width : 768px) {
	section.half-section .right{
    width:100%;  
}

    }