body{
	background-image: url("Samarth/bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	overflow-x: hidden;
}
a, a:hover{
	text-decoration: none;
}

.social-icons-container{
	display: flex;
	margin-top: 2rem;
}
.social-icons-container i{
	font-size: 30px;
	color: white;
	width: 35px;
	height: 35px;
	text-align: center;
	margin-right: 2rem;
	margin-left: 25rem;
}
.social-icons-container div:nth-child(1) i{
	background-color: #3b5998;
	border-radius:20%;
}
 .social-icons-container div:nth-child(2) i{
	background-color: #0e76a8;
	border-radius:20%;
	margin-left: -1rem;
}
.social-icons-container div:nth-child(3) i{
	background-color: #211F1F;
	border-radius:20%;
	margin-left: -1rem;
}
.social-icons-container div:nth-child(4) i{
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	margin-left: -1rem;
	border-radius: 20%;
}
.social-icons-container div:nth-child(5) i{
	margin-left: -1rem;
	background-color: #003366;
	border-radius: 20%;
}

#profile{
	background: #cf455c;
	background-image: url(..//img//header-shadow.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	overflow: hidden;
}
.about{
	float: left;
	margin-top: 30px;
	width: 490px;
	margin-left: 20px;
}
.about .photo-inner{
	float: left;
	background: url(..//img/photo-inner.png) no-repeat;
	width: 220px;
	height: 260px;
	padding: 12px 0 0 19px;


}
.about h1{
	font-weight: 700;
	color: white;
	line-height: 40px;
	margin-top: 8px;
	margin-left: -20px;
}
.about h3{
	font-size: 18px; 
	margin-top:5px;
	color: white;
	line-height: 18px;
	font-family: 'Oswald', 'sans-serif';
	margin-bottom: 10px;
}
.about p{
	font-size: 14px;
	margin-top: 15px;
	color: white;
	font-weight: 400;
	line-height: 20px;
	font-family: 'Robota Condensed' , 'sans-serif';
	margin-left: 40px;
	margin-bottom: 20px;
}
.personal-info{
	float: left;
	margin-top: 50px;
	width: 310px;
	min-height: 230px;
	margin-left: 10px;
	background:url(..//img/personal-info-sep.png) no-repeat left top;
	padding: 20px 0 19px 20px;
}
.personal-info li{
	line-height: 12px;
	font-size: 14px;
	margin-bottom: 10px;
	overflow: hidden;
	float: left;
	width: 293px;
}
.personal-info li label{
	color: white;
	float: left;
	padding: 4 px 7px;
	font-weight: 550;
	border-radius: 3px;
	text-transform: uppercase;
	font-family: 'Robota Condensed' , 'sans-serif';
}
.personal-info li i{
	float: left;
	padding: 4px 7px;
	color: white;
}
.personal-info li span{
	color: white;
	float: right;
	width: 180px;
	font-weight: 500;
	font-family: 'Robota Condensed' , 'sans-serif';
}
header{
	position: relative;
	overflow: visible;

}

.menu{
	height: 100px;
	background-color: #ededed;
	position: relative;
	padding-left: 130px;
	padding-right: 130px;

}
.tabs{
	height: 117px;
	position: absolute;
	margin-top: -14px;
	z-index: 100;
}
.tabs li {
	float: left;
	height: 116px;
}
.tabs li > a{
	padding-top: 28px;
	width: 115px;
	display: inline-block;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #b9b9b9;
	text-align: center;
	font-weight: 580;
	text-transform: uppercase;
	font-family: 'Robota Condensed' , sans-serif;
	line-height: 35px;
	text-decoration:none;
	margin-right: 35px;

}
.tabs li.active{
	background: url(..//img/tab-hover.png) no-repeat;
}
.tabs li.active a{
	color: #cf455c;
}
.tabs li > a > i{
	font-size: 45px;
	display: block;
	margin-bottom: 5px;
}
#logo{
	float: left;
	overflow: hidden;
	margin-left: 10px;
	display: none;
}
#logo h4{
	color: #555;
	line-height: 20px;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	margin-left: 7px;
}
#container{
	margin: 0 auto;
	width: 860px;
	margin-bottom: 20px;
}

#content{
	background-color: white;
	margin-top: 80px;
}
a.tab-profile.active i{
	animation: bounce 2s infinite;
}
@keyframes bounce{
	0%, 20%, 50%, 80%, 100%{
		transform:translate(0);
	}
	40%{
		transform: translateY(-0px);
	}
	59%{
		transform: translateY(-10px);
	}
}
.personal-info li span:nth-child(3) a{
	text-decoration: none;
	color: white;
}


#portfolio-list{
	width: 820px;
	overflow: hidden;
}
#portfolio-list li{
	float: left;
	margin-right: 25px;
	text-align: center;
	background: #fbfbfb;
	border-bottom: 1px solid #e5e5e5;
	height: 185px;
	margin-bottom: 30px;
	width: 180px;
}
#portfolio-list li:hover{
	border-bottom: 1px solid #cf455c;
	height: 185px;
}
#portfolio-list img{
	background-color: white;
	height: 120px;
	width: 185px;

}
#portfolio-list li:hover .title{
	color: #cf455c;
}
#portfolio-list li .title{
	font-size: 14px;
	margin-top: 15px;
	font-weight: 400;
	color: #3a3a3a;
	font-family: 'Roboto Condensed', 'sans-serif';
	

}

#portfolio-list li .categorie {
	font-size: 11px;
	line-height: 25px;
	color: #999;
}

.cats-filter {
	border-bottom: 1px solid #ededed;
	overflow: hidden;
	padding: 15px 0;
}
.cats-filter li a{
	float: left;
	margin-right: 7px;
	color: white;
	background-color: #777;
	padding: 10px 10px;
	margin-bottom: 10px;
	font-size: 13px;
	font-family: 'Roboto Condensed', 'sans-serif';
	text-transform: uppercase;
	border-radius: 50px;

}

.cats-filter li a:hover{
	text-decoration: none;
}
.cats-filter li a.current{
	background-color: #cf455c;
}
#projects{
	padding: 31px;
}

.extra-text{
	font-family: 'Roboto Condensed', 'sans-serif';
	margin-bottom: 20px;
	color: #333 !important;
}


section.contact .wrapper {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 60px;
	margin-top: 40px;
	align-items: center;

}
section.contact .wrapper .left > div {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
section.contact .wrapper .left > div > div:nth-child(1) {
	margin-right: 10px;
}
section.contact .wrapper .left i{
	font-size: 30px;
	color: #4d79f6;
}
section.contact .wrapper .left h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
}
 section.contact .wrapper .left{
	color:  #848db3;
}
section.contact .wrapper .left > div a{
	color:  #848db3;
}
 section.contact .wrapper .left h4 + span {
 	font-weight: 100;
 	font-size: 14px;
 }
section.contact .wrapper .right .form-grp {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 34px;
	align-items: center;
	margin-bottom: 14px;
}
section.contact .wrapper .right .form-grp > div {
	display: flex;
	flex-direction: column;
}
section.contact .wrapper .right .form-grp > div label {
	color:  #848db3;
	margin-bottom: 8px;

}
section.contact .wrapper .right .form-grp > div input, section.contact .wrapper .right .form-grp.textarea-wrap textarea {
	padding: 10px;
	border-radius: 4px;
	color:  #848db3;
	font-size: 16px;
	border-color: #ededed;
	margin-right: 10px;
}
section.contact .wrapper .right .form-grp > div input:focus, section.contact .wrapper .right .form-grp.textarea-wrap textarea:focus{
	border-color: black;
	
}
section.contact .wrapper .right .form-grp.textarea-wrap{
	display: block;
	width: 100%;
}
section.contact .wrapper .right button{
	background: #cf455c;
	border:none;
	color: white;
	font-size: 14px;
	border-radius: 4px;
	height: 40px;
	width: 100px;
	cursor: pointer;
	transition: all .3s ease-in-out;
	margin-bottom: 30px;
}
section.contact .wrapper .right button:hover{
	background: white;
	color: #cf455c;
}
div.ex-box h2 a{
	color: white;
}
.left-address li a{
	color: black;
}
#setting-icon{
	font-size: 10px;
}
#setting-icon i{
	font-size: 20px;
}

section.certificates .wrapper{
	display: grid;
	grid-gap: 60px;
	align-items: center;
	padding: 50px;
}

section.certificates .wrapper .certi-tab{
	background-color: #211F1F;
	padding: 50px;
	border-radius: 30px;
	display: flex;
	transition: all .3s ease-in-out;
}

section.certificates .wrapper .certi-tab:hover{
	background-color: rgba(0, 0, 0, 0.308);
}

section.certificates .wrapper .certi-tab .left{
	padding: 10px;
}

section.certificates .wrapper .certi-tab .right{
	padding: 20px;
	border: 5px solid #cf455c;
	width: 500px;
}

section.certificates .wrapper .certi-tab .right h5{
	color: white;
}
section.certificates .wrapper .certi-tab .right a{
	color: rgb(199, 119, 119);
}
section.certificates .wrapper .certi-tab .right p{
	color: white;
	font-size: smaller;
}


/* responsiveness*/

@media(max-width: 999px){
	.container.no-padding {
		display: block;
	}
}