/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway');

html,h1,h2,h3,h4,h5,h6,a{
 font-family: "Raleway";
}

.navbar{
	background:#F97300;
}

.nav-link , .navbar-brand{
	color: #f4f4f4;
	cursor: pointer;
}

.nav-link{
	margin-right: 1em !important;
}

.nav-link:hover{
	background: #f4f4f4;
	color: #f97300;
}

.navbar-collapse{
	justify-content: flex-end;
}

.navbar-toggler{
	background:#fff !important;
}

.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*header style*/
.header{
 background-image: url('../images/headerback.jpg');
 background-attachment: fixed;
 background-size: cover;
 background-position: top;
}

.overlay{
 position: absolute;
 min-height: 100%;
 min-width: 100%;
 left: 0;
 top: 0;
 background: rgba(244, 244, 244, 0.79);
}

.description{
    position: absolute;
    top: 30%;
    margin: auto;
    padding: 2em;
}

.description h1{
 color:#F97300 ;
}

.description p{
 color:#666;
 font-size: 20px;

 line-height: 1.5;
}

.description button{
 border:1px  solid #F97300;
 background:#F97300;
 color:#fff;
}

.about{
 margin: 4em 0;
 padding: 1em;
}

.about img{
    border-radius: 50%
}
.about p{
	color: #888;
}
.about .desc{
	 padding: 2em;
	 border-left:4px solid #10828C;
}

.about .desc h1{
 color: #10828C;
}

.about .desc p{
 line-height:2;
 color:#888;
}


/*Portfolio*/
.portfolio{
 margin: 4em 0;
}
.portfolio h1{
 color:#F97300;
 margin: 2em; 
}
.portfolio img{

	margin-bottom: 2em;
	
  
}


/* blog */

.blog{
 margin: 4em 0;
}
.blog h1{
 color:#F97300;
 margin: 2em; 
}
.blog .card{
 box-shadow: 0 0 20px #ccc;
	margin-bottom: 30px;
}

.blog .card-title{
 color:#F97300;
}


/* team */

.team{
 margin: 4em 0;
	
}

.team h1{
 color:#F97300;
 margin: 2em; 
}


.team .des{
 background: #F97300;
 color: #fff;
 text-align: center;
 border-bottom-left-radius: 93%;
 transition:.3s ease-in-out;
}

.team .item {position:relative;}

.team .item:hover .des{
 height: 100%;
 background:#f973007d;
 position: absolute;
 width: 89%;
 padding: 5em;
 top: 0;
 border-bottom-left-radius: 0;
}

.contact-form{
 margin: 6em 0;
 position: relative;  
}
.contact-form h1{
 padding:2em 1px;
 color: #F97300; 
}
.contact-form .right{
 max-width: 600px;
}

.contact-form .right .btn-secondary{
 background:  #F97300;
 color: #fff;
 border:0;
}
.contact-form .right .form-control::placeholder{
 color: #888;
 font-size: 16px;
}