@font-face{
font-family:"HelveticaNeueW01-77BdCn 692722";
src:url("/css/webfonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot");
src:url("/css/webfonts/83d5bc89-af33-46a9-8fe3-15d87784f50e.eot?#iefix") format("opentype"),url("/css/webfonts/102ab74c-0e84-4fe5-a17a-b20fb643591a.woff") format("woff"),url("/css/webfonts/1d146b29-55e2-485b-96aa-5cb628e7e9eb.ttf") format("truetype"),url("/css/webfonts/d90b3358-e1e2-4abb-ba96-356983a54c22.svg#d90b3358-e1e2-4abb-ba96-356983a54c22") format("svg");
}

@font-face{
font-family:"AvenirNextLTW01-BoldCn";
src:url("/css/webfonts/07690b8a-c348-4c53-8de3-59f7cfef9ee8.eot");
src:url("/css/webfonts/07690b8a-c348-4c53-8de3-59f7cfef9ee8.eot?#iefix") format("opentype"),url("/css/webfonts/ff039068-be8b-415c-b1a9-24eedee1c3ab.woff") format("woff"),url("/css/webfonts/cdd2cecb-bd0e-41e5-9ecd-ef60f52a35be.ttf") format("truetype"),url("/css/webfonts/390c08bc-8d21-4af3-95a1-a73c21f189cd.svg#390c08bc-8d21-4af3-95a1-a73c21f189cd") format("svg");
}
@font-face{
font-family:"Optima LT W01 Demi Bold";
src:url("/css/webfonts/187b25d1-ee67-4130-90e4-bcdbeb372b83.eot");
src:url("/css/webfonts/187b25d1-ee67-4130-90e4-bcdbeb372b83.eot?#iefix") format("opentype"),url("/css/webfonts/fe1b6352-cabf-4b80-aa1a-a29bf8b898b6.woff") format("woff"),url("/css/webfonts/8109e0ec-65b7-4577-b5af-60a8e110ee6c.ttf") format("truetype"),url("/css/webfonts/7514ea13-bd07-4970-885f-1141dfda6207.svg#7514ea13-bd07-4970-885f-1141dfda6207") format("svg");
}
@font-face{
font-family:"Soho W01 Bold Condensed";
src:url("/css/webfonts/7a6f2cfc-5e1a-4e45-a9a2-10a3ac56380e.eot");
src:url("/css/webfonts/7a6f2cfc-5e1a-4e45-a9a2-10a3ac56380e.eot?#iefix") format("opentype"),url("/css/webfonts/c4404fdd-f6e1-4831-9481-df8e1ff353c7.woff") format("woff"),url("/css/webfonts/f3d69491-3041-437a-bd23-44b4dddd3c5e.ttf") format("truetype"),url("/css/webfonts/74c2a05f-7368-4fc0-b219-80b23b5a1057.svg#74c2a05f-7368-4fc0-b219-80b23b5a1057") format("svg");
}
@font-face{
font-family:"Neo Sans W01 Medium";
src:url("/css/webfonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot");
src:url("/css/webfonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("opentype"),url("/css/webfonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"),url("/css/webfonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"),url("/css/webfonts/af9d27b2-3ca0-47ca-8d5d-4c4665df6305.svg#af9d27b2-3ca0-47ca-8d5d-4c4665df6305") format("svg");
}
@font-face{
font-family:"SateroSerifLTW01-Bold";
src:url("/css/webfonts/4407a475-ed53-4ec2-b0ae-0dd6b98cdaf3.eot");
src:url("/css/webfonts/4407a475-ed53-4ec2-b0ae-0dd6b98cdaf3.eot?#iefix") format("opentype"),url("/css/webfonts/522ab769-194f-4fcc-92df-74162378bf3d.woff") format("woff"),url("/css/webfonts/bdda781c-a069-4754-a06a-40a71b2dc288.ttf") format("truetype"),url("/css/webfonts/5abd73c8-c7c4-4b3c-92e8-bbd1b57485fd.svg#5abd73c8-c7c4-4b3c-92e8-bbd1b57485fd") format("svg");
}


/* body */
.sidebar #wrapper {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100%;
	padding-bottom: 0;
}
#sidebar-outer {
	height: 100%;
	position: relative;
	float: right;
	padding: 0;
	width: 772px;
}

.sidebar .section-wrapper.main .inner {
	height: 100%;
	overflow: scroll;
	margin: 0;
	width: 720px;
	padding: 40px 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	float: right;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	transition: background-color .5s;
}
.sidebar.admin .container {
	width: 1200px;
}
.sidebar .section-wrapper.main .container {
	width: 100%;
}
.section-anchor {
	position: absolute;
	padding: 0;
	top: -50px;
}


#main-menu {
	display: block;
	width: 50px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -77px;
}
#menu-items li {
	width: 50px;
	height: 50px;
	margin-bottom: 2px;
	float: none;
	-webkit-transition: opacity .5s, background-color .5s;
	-moz-transition: opacity .5s, background-color .5s;
	transition: opacity .5s, background-color .5s;
	position: relative;
}
.right #menu-items li.active {
	width: 52px;
}
.left #menu-items li.active {
	width: 52px;
	right: 2px;
}
#menu-items li a {
	display: block;
	width: 100%;
	height: 100%;
}
#menu-items li a span {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(/img/sidebar.png);
	position: absolute;
	top: 50%;
	margin-top: -10px;
	opacity: .8;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
}
.right #menu-items span {
	left: 25px;
	margin-left: -10px;
}
.left #menu-items span {
	right: 25px;
	margin-right: -10px;
}
#menu-items li:hover span {
	opacity: .8;
}
#menu-items li.active span {
	opacity: 1;	
}

#menu-items .resources a span, #menu-items .contact a span {
	height: 16px;
	margin-top: -8px;
}
#menu-items .blog a span {
	width: 22px;
}
#sidebar-outer.right {
	float: right;
}
#sidebar-outer.left {
	float: left;
}
#sidebar-outer.left #sidebar-inner {
	float: left;
}
#sidebar-outer.left #main-menu {
	right: 0;
	left: auto;
}
#sidebar-inner .container {
	margin-bottom: 50px;
	border-bottom: 1px solid transparent;
}

#name {
	margin-bottom: 10px;
	word-break: break-word;
}
#tagline {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 15px;
}
#page-footer {
	position: relative;
	margin-bottom: 210px;
}
#page-footer .container {
	text-align: left;
	margin-bottom: 0;
}
#page-footer .footer-text-container {
	word-break: break-word;
	-moz-word-break: break-word;
	word-break: break-word;
}
.section-header {
	font-size: 24px;
}
.section-header span {
	position: relative;
}
#achievements li {
	margin-right: 19px;
}
#sidebar-inner #skills li.odd {
	margin-right: 46px;
}
#sidebar-inner .profile-pic-container img {
	max-width: 100%;
}

/* twitter */


.tweets-container {
	margin-bottom: 20px;
}
.tweet {
	width: 292px;
	float: left;
}
#tweet1 {
	margin-right: 40px;
}
.tweet-date { 
	float:left;
}
.tweet-date, .intents-container a {
	font-size: 12px;
}


/* resources section */

.sidebar #images li {
	margin-bottom: 30px;
	margin-top: 0;
	margin-right: 15px;
}
.sidebar .page-section.images {
	padding-bottom: 0;
}
.sidebar .page-section.social {
	border-bottom: 0;
	position: absolute;
	right: 0px;
	margin-top: 0;
	top: -20px;
}
.sidebar .page-section.social {
	float: right;
}
.sidebar .page-section.social li {
	float: right;
	-webkit-transition: .5s opacity;
	-moz-transition: .5s opacity;
	transition: .5s opacity;
	width: 27px;
	height: 27px;
	margin-left: 5px;
	margin-right: 5px !important;
}


.sidebar .page-section.social li a {
	font-size: 20px;
	margin-left: 0;
}

.sidebar .social li a {
	line-height: 1.2;
	font-size: 32px;
	display: block;
	width: 100%;
	height: 100%;
}

.sidebar .page-section.links {
	float: left;
}
.sidebar .page-section.location {
	border-bottom: 0;
	padding-bottom: 0;
}
.sidebar .page-section.files {
	float: right;
	padding-bottom: 30px;
}
.sidebar .page-section.links, .sidebar .page-section.files {
	border-bottom: 0;
	width: 280px;
}
.sidebar #links li, .sidebar #files li {
	float: none;
}

.sidebar .page-section h6 {
	font-size: 12px;
	line-height: 1.3;
}
.sidebar #videos .video-length {
	height: 20px;
}
.sidebar #videos li {
	width: 290px;
	height: 225px;
}
/* seeking */
.sidebar .page-section.seeking {
	text-align: left;
	margin-top: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 0;
}
.sidebar ul.seeking {
	width: auto;
	margin-bottom: 30px;
}
.sidebar ul.seeking li, .sidebar ul.seeking label {
	font-size: 17px;
	line-height: 1;
}
/* at-a-glance */
.page-section.highlights {
	/*margin-top: 0;*/
}
.highlights .page-section {
	float: left;
	width: 320px;
	padding-right: 45px;
	border-bottom: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 40px;
}
.highlights .page-section ul {
	min-height: 250px;
}

/* stats */
#stats li {
	width: 176px;
}
#stats .stat-label {
	height: 68px;
}

/* faq */
#faq-container h5 {
	font-size: 100%;
}
#questions .question {
	margin-bottom: 15px;
}
/* form */
.contact h5 {
	float: left;
}
.contact .page-section h6 {
	text-transform: none;
	font-size: 17px;
	font-weight: normal;
}
#sidebar-inner .container.contact {
	padding-bottom: 10px;
	margin-bottom: 0;	
}
.contact .name input, .contact .email input {
	width: 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#sidebar-inner .container.contact .name {
	margin-right: 36px;
}
.sidebar #contact-form-container {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	float: none;
	margin-bottom: 50px;
}
.sidebar #contact-form {
	margin-bottom: 0;
}
.sidebar #contact-form .submit {
	margin-bottom: 0;
}
.sidebar #contact-form .submit button:hover {
	background-image: none;
}
#page-footer {
	padding-top: 35px;
}
#page-footer .container {
	padding-top: 0;
	border-bottom: 0;
}

/* share me on */
.page-section.share {
	border-bottom: 0;
}
.share h3 {
	text-align: left;
}
.share .social {
	margin-left: 0;
}
.share .social li {
	width: 40px;
	height: 40px;
	margin-right: 5px;
	margin-left: 5px;
}
.share .social li.last {
	margin-right: 0;
}
.share .social li a {
	line-height: 1.2;
	font-size: 32px;
	display: block;
	width: 100%;
	height: 100%;
}


/* timeline */
#timeline-container {
	border-bottom: 0;
	margin: 50px 0 30px;
}
#timeline li {
	padding: 7px 0;
}
#timeline h5 {
	font-size: 17px;
}
#timeline h6 {
	font-size: 12px;
}
#timeline .arrow {
	display: none;
}
.sidebar .timeline #event-info {
	z-index: 100;
}
.sidebar .page-section.timeline #timeline #timeline-controls {
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-left: 0;
	width: 100%;
	left: 0;
	background-color: transparent;
}
.timeline #timeline-controls a {
	width: 430px;
	height: 30px;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	width: 100%;
}

.timeline #timeline-controls .right {
	top: -36px;
}

.timeline #timeline-controls .left {
	bottom: -36px;
}

#timeline-container .event-container-outer {
	float: none;
	right: 0;
}

#timeline-container .event-container-inner {
	margin: 0;
	width: 100%;
}

.section-wrapper.transparent .container h4 {
	float: none;
	right: 0;
	margin-right: 0;
	text-align: center;
	left: 0;
}

.timeline #timeline-container {
	height: 372px;
}

/* blog */
#blog-container {
	border-bottom: 0;
}
.blog .article {
	padding-bottom: 30px;
}
#blog-container {
	padding-bottom: 30px;
}
#blog-container p {
	margin-top: 15px;
}
#blog-container .blog-links div {
	display: inline-block;
}
#blog-container .blog-links .read-more {
	margin-right: 8px;
}
#blog-container .blog-links .blog-home {
	margin-left: 8px;
}
.article .article-details .date span {
	margin-right: 5px;
}
.article .article-body {
	margin-top: 15px;
}
.article .title {
	text-transform: none;
	margin-bottom: 0;
}
.article .article-tagline {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.blog-links .dummy {
	display: inline-block;
}
.dark #blog-container {
	color: #D4D4D4;
}
.dark .article .article-details, .dark .article .article-details .tags a {
	color: #D4D4D4;
}
.dark .article .article-details .tags a:hover {
	color: #fff;
}
#sidebar-inner .container.blog-main {
	border-bottom: 0;
}


/* color scheme-specific */
.light.sidebar .section-wrapper.main .inner {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.95);
}
.light #menu-items li {
	opacity: .7;
}
.light #menu-items li:hover {
	opacity: .82;
}
.light #menu-items li.active {
	opacity: 1;
}

.light #menu-items .about span {
	background-position: -10px -9px
}
.light #menu-items .resources span {
	background-position: -40px -9px
}
.light #menu-items .blog span {
	background-position: -100px -9px
}
.light #menu-items .contact span {
	background-position: -70px -9px
}
.light #contact-form button, .light #wrapper #timeline-controls a, .light #timeline-controls a.disabled:hover {
	background-color: #F4F4F4;
}
.light #timeline-controls a {
	border: 1px solid #D4D4D4;
}
.light #contact-form .submit button:hover, .light #wrapper #timeline-controls a:hover {
	background-color: #fff;
}
.light #sidebar-inner .container.header, .light #sidebar-inner .page-section {
	border-bottom-color: #D4D4D4;
}

.light #sidebar-inner blockquote:before{
	color: #bababa;
} 

.light .timeline li .event-container-inner {
	background-color: #FFF;
	background-color: rgba(255,255,255,.8);
}
.light .timeline li p, .light #wrapper .timeline li .event-container-inner h6 {
	color: #181818;
}
.light #sidebar-inner .container.resources, .light #sidebar-inner .container.blog {
	border-bottom-color: #D4D4D4;
}
.light .page-section.social li, .light .share .social li {
	background-color: #c4c4c4;
}
.dark #sidebar-inner .container.resources, .dark #sidebar-inner .container.blog {
	border-bottom-color: #464646;
}



.dark .page-section.social li, .dark .share .social li {
	background-color: #575757;
}
/* color scheme-specific */
.dark .section-wrapper.main .inner {
	background-color: rgb(30,30,30);
	background-color: rgba(30,30,30,.87);
}
.dark #menu-items li {
	opacity: .52;
}
.dark #menu-items li:hover {
	opacity: .74;
}
.dark #menu-items li.active {
	opacity: 1;
}

.dark #menu-items .about span {
	background-position: -10px -39px;
}
.dark #menu-items .resources span {
	background-position: -40px -38px;
}
.dark #menu-items .blog span {
	background-position: -100px -37px;
}
.dark #menu-items .contact span {
	background-position: -70px -39px;
}

.dark .sidebar .page-section h6, .dark .sidebar .page-section h6 a {
	color: #D4D4D4;
}

.dark #sidebar-inner .container.header {
	border-bottom-color: #464646;
}

.dark .timeline li .event-container-inner {
	background-color: #000;
	background-color: rgba(0,0,0,.3);
}

.dark #timeline-controls a.bg-accent-color, .dark #timeline-controls a.bg-accent-color.disabled:hover {
	background-color: #373737;
	border: 1px solid #111;
}
.dark #timeline-controls a.bg-accent-color:hover {
	background-color: #525355;
}
/* bg colors */
.light.lp20 #sidebar-inner, .light.lp20 #main-menu li {
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.87);
}
.light.lp21 #sidebar-inner, .light.lp21 #main-menu li {
	background-color: rgb(240, 230, 205);
	background-color: rgba(240, 230, 205,.87);
}
.light.lp22 #sidebar-inner, .light.lp22 #main-menu li {
	background-color: rgb(205, 220, 205);
	background-color: rgba(205, 220, 205,.87);
}
.light.lp23 #sidebar-inner, .light.lp23 #main-menu li {
	background-color: rgb(220, 220, 235);
	background-color: rgba(220, 220, 235,.87);
}
.light.lp24 #sidebar-inner, .light.lp24 #main-menu li {
	background-color: rgb(235, 205, 205);
	background-color: rgba(235, 205, 205,.87);
}







.dark.dp20 #sidebar-inner, .dark.dp20 #main-menu li {
	background-color: rgb(30,30,30);
	background-color: rgba(30,30,30,.87);
}
.dark.dp21 #sidebar-inner, .dark.dp21 #main-menu li {
	background-color: rgb(45,20,20);
	background-color: rgba(45,20,20,.87);
}
.dark.dp22 #sidebar-inner, .dark.dp22 #main-menu li {
	background-color: rgb(20,35,20);
	background-color: rgba(20,35,20,.87);
}
.dark.dp23 #sidebar-inner, .dark.dp23 #main-menu li {
	background-color: rgb(20,20,35);
	background-color: rgba(20,20,35,.87);
}
.dark.dp24 #sidebar-inner, .dark.dp24 #main-menu li {
	background-color: rgb(45,35,15);
	background-color: rgba(45,35,15,.87);
}


/* media queries */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.sidebar #sidebar-outer {
		width: 582px;
	}
	.sidebar #sidebar-inner {
		width: 530px;
	}
	.sidebar .page-section.files, .sidebar .page-section.links {
		float: left;
		clear: left;
	}
	.sidebar .form-element {
		clear: left;
		width: 454px;
	}
	.sidebar #contact-form-container {
		width: 454px;
	}
	.sidebar .form-element input {
		width: 450px;
	}
	.sidebar #tweet1 {
		margin-bottom: 35px;
	}
	.highlights .page-section ul {
		min-height: 0;
	}
}

@media only screen and (max-width: 767px) {
	#sidebar-outer {
		width: 100%;
	}
	#menu-items {
		display: none;
	}
	#sidebar-inner {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sidebar .page-section.social {
		top: -30px;
	}
	.sidebar .page-section.files, .sidebar .page-section.links {
		float: left;
		clear: left;
		margin-right: 50px;
	}
	.sidebar .form-element {
		clear: left;
		width: 100%;
	}
	.sidebar #sidebar-inner .form-element input, .sidebar #sidebar-inner textarea {
		width: 100%;
	}
	#contact-form-container {
		width: 90%;
	}
	#contact-form {
		width: 100%;
	}
	.sidebar #tweet1 {
		margin-bottom: 35px;
	}
	.highlights .page-section ul {
		height: auto;
		min-height: 0;
	}
	#main-content {
		width: 100%;
	}
	#achievements li, #achievements li:last-child {
		float: none;
		margin-right: 0;
	}
	#achievements {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#achievements:before {
		content: none;
	}
	#achievements li {
		padding-left: 5px;
		padding-right: 5px;
	}
}



.satero #faq-container h5 {
	font-family: 'SateroSerifLTW01-Bold';
}

.optima #faq-container h5 {
	font-family: 'Optima LT W01 Demi Bold';
}

.neo #faq-container h5 {
	font-family: 'Neo Sans W01 Medium';
}

.soho #faq-container h5 {
	font-family: 'Soho W01 Bold Condensed';
}

.avenir #faq-container h5 {
	font-family: 'AvenirNextLTW01-BoldCn';
}

.helvetica #faq-container h5 {
	font-family: 'HelveticaNeueW01-77BdCn 692722';
}