/* CSS Document */
body {
	font-family: 'Source Sans Pro';
	color: #6c7173;
	font-size: 17px;
}
a:focus, a:hover {
  text-decoration: none;
}
header {
	padding: 30px 3% 30px 2%;
}
/* @font-face */
@font-face {
	font-family: 'Source Sans Pro';
	src: url('../font/source-sans-pro/SourceSansPro-Regular.eot');
	src: url('../font/source-sans-pro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/source-sans-pro/SourceSansPro-Regular.woff') format('woff'),
		url('../font/source-sans-pro/SourceSansPro-Regular.ttf') format('truetype'),
		url('../font/source-sans-pro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PT Serif';
	src: url('../font/pt-serif/PTSerif-Regular.eot');
	src: url('../font/pt-serif/PTSerif-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/pt-serif/PTSerif-Regular.woff') format('woff'),
		url('../font/pt-serif/PTSerif-Regular.ttf') format('truetype'),
		url('../font/pt-serif/PTSerif-Regular.svg#PTSerif-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../font/font-lato/lato-regular_0-webfont.eot');
    src: url('../font/font-lato/lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/font-lato/lato-regular_0-webfont.woff2') format('woff2'),
         url('../font/font-lato/lato-regular_0-webfont.woff') format('woff'),
         url('../font/font-lato/lato-regular_0-webfont.ttf') format('truetype'),
         url('../font/font-lato/lato-regular_0-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../font/font-raleway/Raleway-Regular.eot');
	src: url('../font/font-raleway/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/font-raleway/Raleway-Regular.woff2') format('woff2'),
		url('../font/font-raleway/Raleway-Regular.woff') format('woff'),
		url('../font/font-raleway/Raleway-Regular.ttf') format('truetype'),
		url('../font/font-raleway/Raleway-Regular.svg#Raleway-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.font-pt-serif { font-family: 'PT Serif';}
.font-lato { font-family: 'latoregular';}
.font-raleway { font-family: 'Raleway'; }

.menu-fix {
  left: 0;
  position: fixed;
  top: 0;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
  z-index: 9;
  box-shadow: 0px 0px 0px #dfdfdf;
  background: #fdfdfd;
}
.fixed-menu {
  display: block;
}
.back-to-top {
  background-color: #e44626;
  border-radius: 5px;
  bottom: 5px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 40px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 5px;
  text-align: center;
  transition: background 0.5s ease-in-out 0s, color 0.5s ease-in-out 0s;
  width: 40px;
  z-index: 100;
}
.wrapper{ position: relative;}
.story-head { padding-top: 30px;}
.logo { margin: 10px 0; position: relative; z-index: 99;}
.left-aside { position: relative; z-index: 9;}
.shekhar-photo img { min-width: 100%; }
.shekhar-agnihotri { border-bottom: 1px solid #fff; margin: -68% 30px 20px; padding: 0 0 10px; position: relative;}
.follow-me { margin: 0 30px;}
.shekhar-agnihotri h1 { font-size: 46px;}
.right-aside { float: right; padding: 0px 3% 0 30px; width: 60%;}
.contact-me { float:right; margin: 0 0 0 35px;}
.contact-me a { display: block; padding: 10px 25px; cursor: pointer; border: solid 1px #c8c8c8; transition: all 0.2s ease-in-out 0s;}
.contact-me a:hover { background: #000; color: #FFF !important; border-color: #FFF;}
.social-icon { float: right; margin: 0 0 0 10px;}
.social-icon span { font-size: 18px; line-height: 50px; margin: 0 0 0 20px;}
.social-icon span a { color:gray;}
.socialwhite { color:white  !important; padding: 0 5px;}
.top-menu { float: right; margin: 0px; padding: 0px;}
.top-menu li { display: inline-block; list-style: none;}
.top-menu li a { display: block; padding: 10px 20px 7px; color: #6c7173; transition: all 0.2s ease-in-out 0s;}
.top-menu li a.active { border-bottom: solid 3px #e5a711; color: #000;}
.top-menu li a:hover { border-bottom: solid 3px #e5a711; color: #000 !important;}
.write-comment { border: solid 1px #c8c8c8; padding: 8px; font-size: 14px;}
.share { margin: 0px; padding: 0px; text-align: right;}
.share li { list-style: none; display: inline-block; border: solid 1px #c8c8c8; margin: 0 0 0 10px;}
.share li a { color: #000 !important; display: block; font-size: 15px; font-weight: bold; padding: 7px 20px; cursor:pointer}
.share li a i { padding: 0 8px 0 0;}
.share-btm { text-align: left; margin-bottom: 20px;}
.share-btm li { background: #f2f2f2; border: none; margin: 0 5px 0 0px;}
.share-btm li a { padding: 7px 18px; color: #666 !important;}
.sidenav {
  background-color: #edeff0;
  height: 100%;
  overflow-x: hidden;
  padding: 40px 0px;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 0;
  z-index: 9999;
}
.sidenav .closebtn {
  font-size: 36px;
  line-height: normal;
  position: absolute;
  right: 15px;
  top: 0;
  cursor: pointer;
}
#main {
  background: #fff none repeat scroll 0 0;
  position: relative;
  transition: margin-right 0.5s ease 0s;
  z-index: 1;
}
.leftsidebar {
    background: #000;
    margin-bottom: 0px;
    position: fixed;
    top: 0;
    width: 38%;
}
.leftsidebarfixed {
    position: fixed;
    top: 0px;
	z-index: 9999;
	width: 35%;
}
.input-box { border: solid 1px #88898a; background: none; padding: 6px 10px; margin: 0 0 0px;}
.send { background: #edeff0 none repeat scroll 0 0; border: 1px solid #000; margin: 10px 0 20px; padding: 10px 30px;}
.my-story-content { border-left: 1px solid #cccaca; margin: 0 0 0 10px; padding: 0 0 0 40px;}
.story-heading { background: #fff none repeat scroll 0 0; margin: 0 0 0 -52px;}
.dream-top { margin-bottom: -25px;}
.achievement-img { border-left: 3px solid #fff;}
.work-img { border-top: 3px solid #fff;}
.work-img-1 { border-left: solid 1px #FFFFFF; border-bottom: solid 1px #FFF;}
.achiev-txt { padding: 0 25px; margin-top: -40px;}
.work-line { font-size: 52px; margin: -10px 0 0 20px; font-family: none;}
.sports { margin-top: -60px;}
footer { background: #212121;}
.interst { padding-left: 50px;}
.blog-logo { margin: 40px 0 0 2%; position: fixed; z-index: 99;}
.shekhar-txt { position: absolute; z-index: 9999;}
.detail-brd { border-bottom: dotted 1px #a5a5a5;}


.font-12 { font-size: 12px;}
.font-14 { font-size: 14px;}
.font-15 { font-size: 15px;}
.black-color { color: #000;}
.yellow-color { color: #e5a711;}
.white-bg { background: #fff;}
.grey-bg { background: #f2f2f2;}
.grey-color { color: #cccaca;}
.black-bg { background: #000;}
.red-color { color: #e44626;}