@charset "utf-8";
/* CSS Document */

@keyframes tagline {
	0% { background-position:0% 100%; }
	100% { background-position:100% 100%;}
}
@-webkit-keyframes tagline {
	0% { background-position:0% 100%; }
	100% { background-position:100% 100%;}
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}
html{height:100%;}
body {
	height:100%;
	color:#eee;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:20px;
	text-align:justify;
	outline:0px;
	background:#000;
	background:url(../images/blackbg.jpg);
}
a{
	color:#f60;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
a:hover{
	color:#f00;
}
.space{float:right; width: 32px;}
.clr{clear: both;}
.s18{height:18px;}
.s27{height:27px;}
.s36{height:36px;}
.s45{height:45px;}
.s54{height:54px;}
.s70{height:70px;}
.s79{height:79px;}
.s90{height:90px;}
.sp175{width:175px; display:inline-block;}
.center{text-align: center;}
h1{
	text-transform:uppercase;
	font-size:90px;
	font-weight:700;
	color:#fff;
	line-height:90px;
	cursor:default;
	letter-spacing:-5px;
}
h2{
	font-size:54px;
	font-weight:200;
	color:#fff;
	line-height:70px;
	cursor:default;
	letter-spacing:-2px;
}
h3{
	text-transform:uppercase;
	font-size:54px;
	font-weight:100;
	color:#fff;
	line-height:70px;
	cursor:default;
	letter-spacing:-2px;
}
h4{
	font-family: 'Nothing You Could Do', cursive;
	font-size:42px;
	font-weight:300;
	line-height:60px;
	cursor:default;

}
h4.mask {
	background:url(../images/gradient.jpg);
	background-repeat:repeat-y;
	animation: tagline 12s linear infinite;
	-webkit-animation: tagline 12s linear infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.home{
	width:100%;
	height:100%;
}
.contect{
	height:100%;
	overflow:auto;
	background-color:#000;
	background:url(../images/nitinchavan.jpg);
	background-attachment: fixed;
	background-position:center;
	background-size: cover;
}
.wrapper{
	margin: 0 auto;
	max-width: 1600px;
	padding: 0 45px;
}
.nitin{
	position:absolute;
	max-width:600px;
	top: 50%;
	margin-top:-200px;
	left:10%;
	margin-right:100px;	
}
.line{
	height:1px;
	background-color:rgba(255,255,255,.4);
	margin:0 0 20px;
}
.menubutton{
	width:170px;
	height:170px;
	background-image:url(../images/menubutt-bg.png);
	background-color:#ee0047;
	position:fixed;
	margin:0 auto;
	left:0;
	right:0;
	bottom:4px;
	cursor:pointer;
	overflow:hidden;
	-webkit-mask-image: url(../images/menubutt-bg.png);
	-webkit-transition: all 2.7s ease-in-out;
	-moz-transition: all 2.7s ease-in-out;
	-o-transition: all 2.7s ease-in-out;
	-ms-transition: all 2.7s ease-in-out;
	transition: all 1s ease-in-out;
	z-index:10;
}
.menubutton .ani{
	margin:0 auto;
	border-radius: 50%;
	position:absolute;
	left:0;
	right:0;
	top:85px;
}
.menubutton .a{
	width:170px;
	height:170px;
	z-index:1;
	top:0;
}
.menubutton .b{
	position:absolute;
	width:80px;
	height:80px;
	background-color:#ff8a00;
	z-index:2;
	top:45px;
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.menubutton .c{
	width:0px;
	height:0px;
	background-color:#9cff00;
	z-index:3;
	top:85px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.menubutton .d{
	width:0px;
	height:0px;
	top:85px;
	background-color:#8a00ff;
	z-index:4;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.menubutton .e{
	width:0px;
	height:0px;
	top:85px;
	background-color:#000;
	z-index:5;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.menubutton:hover .ani{
	opacity:1;
}
.menubutton:hover .b, .menubutton:hover .c, .menubutton:hover .d, .menubutton:hover .e{
	height:170px;
	width:170px;
	top:0;
}
.menubutton:hover .d{
	-webkit-transition-delay: .2s; /* Safari */
    transition-delay: .2s;
}
.menubutton:hover .e{
	-webkit-transition-delay: .4s; /* Safari */
    transition-delay: .4s;
}
.menulines{
	position:relative;
	z-index:9;
	width:49px;
	margin:0 auto;
	left:0;
	right:0;
	top:65px;
}
.menuline{
	margin:0 auto;
	position:absolute;
	height:10px;
	width:49px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.menulines .h{
	top:0px;
	background-image:url(../images/menuline1.png);
}
.menulines .i{
	top:12px;
	background-image:url(../images/menuline2.png);
}
.menulines .j{
	top:24px;
	background-image:url(../images/menuline3.png);
}
.menuicon .h{
	transform: rotate(45deg);
	top:12px;
}
.menuicon .i{
	opacity:0;
}
.menuicon .j{
	transform: rotate(-45deg);
	top:12px;
}
.menu, .menu ul li ul{
	max-width:926px;
	height:57px;
	padding:55px 0;
	background-image:url(../images/menu-bg.png);
	background-position:center;	
	position:fixed;
	margin:0 auto;
	left:0;
	right:0;
	bottom:5px;
	text-align:center;
	opacity:0;
	transform: scale(0.2,0.2);
	transition: all 0.7s ease-in-out;
	z-index:9;
}
.menuopen{
	opacity:1;
    transform: scale(1,1);
}
.menu ul li ul{
	max-width:330px;
	height:45px;
	padding:30px 0;
	background-image:url(../images/submenu-bg.png);
	left:0;
	right:560px;
	bottom:90px;
	-ms-transform: scale(0.4,0);
	-webkit-transform: scale(0.4,0);
	transform: scale(0.4,0);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition-delay: 1s; /* Safari */
	transition-delay: 1s;
}
.menu ul li{display:inline-block;}
.menu ul li a, .menu ul li ul li a{
	font-family: 'Open Sans Condensed', sans-serif;
	display:inline-block;
	overflow:hidden;
	color:#fff;
	font-size:24px;
	padding:18px 15px;
	text-transform:uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-shadow: 0px 2px 3px rgba(0, 0, 0, .9);
}
.menu ul li ul li a{
	color:#000;
	font-size:21px;
	padding:15px 15px 10px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .9);
}
.menu ul li a span, .menu ul li ul li a span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.menu ul li a span::before, .menu ul li ul li a span::before{
	color:#ffe400;
	position: absolute;
	top: 45px;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.menu ul li ul li a span::before{
	color:#007eff;
}
.menu ul li a:hover span, .menu a:focus span, .menu ul li ul li a:hover span, .menu ul li ul li a:focus span{
	-webkit-transform: translateY(-45px);
	-moz-transform: translateY(-45px);
	transform: translateY(-45px);
}
.menu ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-delay: 0s; /* Safari */
	transition-delay: 0s;
}

.contact{
	max-width:600px;
	margin: 5% auto 0;
}
.contact p{
	padding:5px 10px;
	font-size:22px;
	line-height:27px;
}
.contact b{
	text-transform:none;
	font-size:36px;
	font-weight:100;
	color:#ddd;
	line-height:40px;
	cursor:default;
	
}
.contact a{
	padding:4px 0;
}
.contact a:hover{
	color:#ff002a;
}
.social{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 27px;
}
.insta{background-image:url(../images/insta.png);}
.facebook{background-image:url(../images/facebook.png);}
.linkedin{background-image:url(../images/linkedin.png);}
.youtube{background-image:url(../images/youtube.png);}
.foliocat{
	display: inline-block;
	width: 320px;
	font-size: 27px;
	font-weight: 500;
	color: #fff;
	margin: 0 10px 27px;
}
.uiuxicon, .logoicon, .animationicon, .scripticon{
	width: 200px;
	height: 200px;
	margin: 0 auto 12px;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(../images/uiuxicon.png);
}
.logoicon{background-image:url(../images/logoicon.png);}
.animationicon{background-image:url(../images/animationicon.png);}
.scripticon{background-image:url(../images/scriptsicon.png);}

.uiuxicon:hover{
	background-image:url(../images/bg2.jpg);
	-webkit-mask-image: url(../images/uiuxicon.png);
	mask-image: url(../images/uiuxicon.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat; 
	mask-position: center; 
	animation: tagline 4s linear infinite;
}
.logoicon:hover{
	background-image:url(../images/bg2.jpg);
	-webkit-mask-image: url(../images/logoicon.png);
	mask-image: url(../images/logoicon.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat; 
	mask-position: center; 
	animation: tagline 4s linear infinite;
}
.animationicon:hover{
	background-image:url(../images/bg2.jpg);
	-webkit-mask-image: url(../images/animationicon.png);
	mask-image: url(../images/animationicon.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat; 
	mask-position: center; 
	animation: tagline 4s linear infinite;
}
.scripticon:hover{
	background-image:url(../images/bg2.jpg);
	-webkit-mask-image: url(../images/scriptsicon.png);
	mask-image: url(../images/scriptsicon.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat; 
	mask-position: center; 
	animation: tagline 4s linear infinite;
}

.portfoliotitle{
	max-width: 927px;
	height: 400px;
	background-image:url(../images/portfoliobg.png);
	padding: 124px 0 0 100px;
}
.portfoliotitle h1{
	text-transform:none;
	font-size: 79px;
	text-shadow: 0 12px 10px rgba(0, 0, 0, .5);
}
.portfoliolist{
	display: inline-block;
	width: calc(50% - 112px);
	max-width: 400px;
	min-width: 270px;
	margin: 0 54px;
	text-align: left;
	vertical-align: top;
}
.portfoliolist a{
	font-size: 27px;
	line-height:32px;
	display: block;
	padding: 9px 0 0;
	border-bottom: 1px dotted #666;
}
/* biography */
.hint{
	color: #ccc;
	padding: 0 0 9px;
}
.profiletimelinebg{
	background: url("../images/ptl.png"), linear-gradient(45deg,  #29364e 62%,#67228d 100%);
	background-attachment: fixed;
	color: #fff;
}
.profiletimeline{
	margin:70px auto 0;
	background-image:url(../images/timelinebg.png);
	background-repeat:repeat-y;
	background-position:center;
}
.profiletimeline .year{
	background-color:#ff4300;
	padding:10px;
	border-radius:30px;
	margin:0 auto;
	width:100px;
	text-align:center;
	font-weight:700;
}
.tlobject{
	margin:40px 0 40px 50%;
	width:50%;
	height:200px;
	position:relative;
}
.tlobject:nth-child(even){
	margin:40px 50% 40px 0;
}
.tlobject .ptlimg{
	position: absolute;
	width: 190px;
	height:190px;
	border-radius: 100px;
	background-color: #333;
	background-size: cover;
	background-position: center;
	right: 5px;
	top: 5px;
	box-shadow: inset 0 6px 12px rgba(0,0,0,.5);
}
.tlobject:nth-child(even) .ptlimg{
	right: auto;
	left: 5px;
}
.tlobject .month{
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	color:#ff4300;
	width:133px;
	height:30px;
	text-align:center;
	position:absolute;
	top:82px; left:-90px;
	text-transform:uppercase;
}
.tlobject:nth-child(even) .month{
	right:-90px;
	left:auto;
}
.tlobject .dot{
	height:12px;
	width:12px;
	border:2px solid #fff;
	border-radius:12px;
	position:absolute;
	top:87px; left:-7px;
	background-color:#ff4300;
}
.tlobject:nth-child(even) .dot{
	right:-7px;
	left:auto;
}
.tlobject .popbra{
	width:16px;
	height:31px;
	position:absolute;
	left:15px;
	top:80px;
}
.tlobject:nth-child(even) .popbra{
	right:15px;
	left:auto;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.popbra img{
	height:100%;
	width:100%;
	}
.tlobject .tlobjecttxt{
	background: rgb(255,102,0); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,102,0,1) 0%, rgba(255,67,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,102,0,1) 0%,rgba(255,67,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,102,0,1) 0%,rgba(255,67,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#ff4300',GradientType=1 ); /* IE6-9 */
	border-radius:60px 170px 170px 60px;
	position:absolute;
	left:31px;
	width:calc(100% - 278px);
	height:146px;
	display:table-cell;
	vertical-align:middle;
	padding: 27px 220px 27px 27px;

}
.tlobject:nth-child(even) .tlobjecttxt{
	background: rgb(255,67,0); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(255,67,0,1) 0%, rgba(255,102,0,1) 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,67,0,1) 0%,rgba(255,102,0,1) 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,67,0,1) 0%,rgba(255,102,0,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4300', endColorstr='#ff6600',GradientType=1 ); /* IE6-9 */
	border-radius:170px 60px 60px 170px;
	right:31px;
	left:auto;
	padding: 27px 27px 27px 220px;
}
.tlobjecttxt .date{
	font-size:16px;
	font-weight:300;
	color: #ccc;
	margin: 0 0 12px;
}
/*hobby */
.hobbylist{
	position: fixed;
	height: 360px;
	width: 76px;
	right: 0;
	top: calc(50% - 200px);
	background-image:url(../images/hobby-brush.png);
	padding: 40px 0 0;
	z-index: 2;
}
.hobbylist a{
	display: block;
	height: 40px;
	width: 40px;
	margin: 20px 0 20px 27px;
}
.camera{background-image:url(../images/camera.png);}
.brush{background-image:url(../images/brush.png);}
.bike{background-image:url(../images/bike.png);}
.bat{background-image:url(../images/bat.png);}
.guitar{background-image:url(../images/music.png);}
.hobbies{
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.photography{background-image: url(../images/photography.jpg);}
.painting{background-image:url(../images/painting.jpg);}
.traveling{background-image:url(../images/traveling.jpg);}
.cricket{background-image:url(../images/cricket.jpg);}
.music{background-image:url(../images/music.jpg);}
.hobbycont{
	position: absolute;
	height: 300px;
	width: 460px;
	padding: 50px 70px;
	left: 10%;
	top: calc(50% - 200px);
	font-size: 20px;
	line-height: 24px;
	background-image:url(../images/hobby-cont.png);
}
/*portfolio */
.gamespage{
	background:#000;
	background:url(../images/brushshade1.png), url(../images/blackbg.jpg);
	background-repeat: no-repeat, repeat;
}
.work{
	position: relative;
	display: inline-block;
	width: 320px;
	height: 320px;
	margin: 10px;
	border-radius: 12px;
	background-color: currentColor;
	overflow:hidden;
	box-shadow: inset 0 3px 12px rgba(0,0,0,1);
}
.name{
	width: calc(100% - 24px);
	position: absolute;
	padding: 12px;
	background-color: rgba(0,0,0,.5);
	bottom: 0;
	color: #fff;
}
.work:hover .name{
	font-size: 30px;
	padding: 27px 12px;
	background-color: rgba(0,0,0,.9);
}
.workexp{
	max-width: 1100px;
	margin: 0 auto 90px;
}
.explogo{
	width: 240px;
	height: 240px;
	display: inline-block;
	margin: 0 40px 0 0;
	vertical-align: top;
	background:url(../images/explogobg.png);
}
.expcont{
	display: inline-block;
	width: calc(100% - 285px);
	text-align: left;
}
.expcont h3{
	text-transform: none;
}
.expcont h4{
	color: #FFD600;
	font-family: 'Roboto', sans-serif;
	font-size: 27px;
	line-height: 27px;
}
.expcont b{
	font-size: 20px;
}
.portwebimg{
	width: 100%;
}
.portwebimg img{
	width: 100%;
	height: auto;
	border: 7px solid #000;
	border-radius: 27px;
}
@media screen and (max-width: 1000px) {
	.wrapper{padding: 0 27px;}
	.tlobject, .tlobject2{
		margin:70px auto;
		width:100%;
	}
	.tlobject .month, .tlobject2 .month{
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
		transform: rotate(0deg);
		margin:0 auto;
		top:-50px; left:0px; right:0px;
		background-color:#fff;
		border-radius:25px;
		border:2px solid #ff6600;
		padding:7px 0 0;
	}
	.tlobject .dot, .tlobject2 .dot, .tlobject .popbra, .tlobject2 .popbra{
		display:none;
	}
	.tlobject .tlobjecttxt, .tlobject2 .tlobjecttxt{
		left:0;
		right:0;
		margin:0 auto;
	}
	
}