*{
	margin: 0;
	padding:0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	text-transform: capitalize;
	
}
.line{
	width: 100%;
	background-color: green;
	color: white;
	text-align: center;
	font-size: 13px;
	line-height: 40px; 

}
.header0{
	color: white;
	padding-right: 15px;
	}
	 
 .header1{
	color: white;
	padding-right: 15px;

 }

.header2{
	color: white;
}


.icon a{
	color: white!important;

}
.icon1{
	padding-right: 1em;
	
}
.icon2{
	margin-right: 20px;
	
}
.nav-item a{
color: black;
line-height: 40px;
font-weight: bold;
padding-right: 10px;
margin-top: 10px;
}
.nav-item a:hover{
	color: orange;
}
.logo{
	padding-right: 200px;
   color:black!important;
}
.iconbackgroung{
    background-color:black;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: black !important;
}
.boxShadow {
    padding: 20px 20px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#wel {
    color: #ff5e14;
}
#wel2 {
    color: #061538;
}
#justyfytext{
    text-align:justify;
}
.number{
    font-size:20px;
}
.number2 {
    font-size: 20px;
    color: #ff5e14;
}
.ftr a{
	text-decoration-style: none!important;
	list-style-type: none!important;
	color: white;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
}
.link {
	background-color: black;
	width: 100%;
	list-style-type: none;
	text-decoration: none;
}
.link a{
	color: white;

}
.link a:hover{
	color: orange!important;
}

.portfolio{
	height: 870px;
	width: 100%;
	padding: 100px 0px 50px;
}
.card{
	margin-top: 40px;
 
}
.kkk{
   	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }

.cmpny li a{
	margin-top: 50px;
}
 .modal-content{
 	margin-top: 140px;
 }
 .ftr a:hover{
 	color: orange;
 	text-decoration: none; !important
 }
 























 