/* ----------------------------------------------------------------
	Canvas: Resume
	-----------------------------------------------------------------*/

	#header {
		z-index: 299;
	}

	.menu-container > .menu-item > .menu-link i {
		display: none;
	}
	.monogram {
		height:37px !important; 
		margin-right: 15px
	}
	#logo a {
		font-size: 23px;
		font-weight: 600;
	}

	.dark #header, #header.dark {
		background-color:#000;
	}
	.dark #header-wrap {
		background-color:#000;
	}

	.testimonial .testi-content p {
		font-size: 18px;
		font-weight: 500;
		font-style: normal;
		line-height: 1.5 !important;
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
	}

	@media (min-width: 992px) {
		.menu-link {
			padding: 29px 15px;
		}
		.monogram {
			height:47px !important; 
			margin-right: 20px
		}

		#header.sticky-header.transparent-header.sticky-transparent #header-wrap {
			background-color: transparent;
			box-shadow: none;
		}

		#header.sticky-header.transparent-header.sticky-transparent #header-wrap .primary-menu ul li > a div { opacity: 0; }

		#logo a {
			color: #FFF;
			font-size: 26px;
			font-weight: 600;
			letter-spacing: -0.5px;
			text-shadow: 0 4px 10px rgba(0,0,0,0.4), 0 4px 4px rgba(0,0,0,0.2);
		}

		.slider-element .slider-caption h2 {
			font-weight: 900;
			font-size: 80px;
		}
		.testimonial .testi-content p {
			font-size: 28px;
			font-weight: 500;
			font-style: normal;
			line-height: 1.5 !important;
			max-width: 750px;
			margin-left: auto;
			margin-right: auto;
		}

	}

	.slider-element .slider-caption p {
		font-size: 24px;
		color: #AAA;
	}

	.slider-element .more-link {
		font-size: 22px;
		font-style: normal;
	}

	.page-section { padding: 120px 0; }

	.heading-block h2 {
		font-size: 38px;
		font-weight: 700;
		text-transform: none;
		letter-spacing: 0;
	}

	.demo-resume-works [class^=col-] {
		position: relative;
		margin: 0;
		padding: 0;
	}

	.demo-resume-works [class^=col-] > a {
		display: block;
		position: relative;
		height: 450px;
		background-color: #EEE;
	}

	.demo-resume-works .resume-works-overlay {
		position: absolute;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 50px;
		background-color: rgba(0,0,0,0.7);
		-webkit-transition: opacity .3s ease;
		-o-transition: opacity .3s ease;
		transition: opacity .3s ease;
	}

	.demo-resume-works [class^=col-] > a:hover .resume-works-overlay { opacity: 1; }

	.demo-resume-works .resume-works-overlay h3 {
		position: relative;
		top: -30px;
		opacity: 0;
		font-family: 'Playfair Display', serif;
		font-weight: 400;
		-webkit-transition: all .3s .15s ease;
		-o-transition: all .3s .15s ease;
		transition: all .3s .15s ease;
	}

	.demo-resume-works .resume-works-overlay span {
		position: relative;
		top: -20px;
		opacity: 0;
		text-transform: uppercase;
		margin-top: 5px;
		font-weight: 300;
		font-size: 15px;
		-webkit-transition: all .3s .25s ease;
		-o-transition: all .3s .25s ease;
		transition: all .3s .25s ease;
	}

	.demo-resume-works [class^=col-] > a:hover .resume-works-overlay h3,
	.demo-resume-works [class^=col-] > a:hover .resume-works-overlay span {
		top: 0;
		opacity: 1;
	}

	.blurred-img {
		-webkit-transform: scale(1.01) translate3d(0,0,0);
		-ms-transform: scale(1.01) translate3d(0,0,0);
		-o-transform: scale(1.01) translate3d(0,0,0);
		transform: scale(1.01) translate3d(0,0,0);
		-webkit-filter: blur(8px);
		filter: blur(8px);
		-webkit-backface-visibility: hidden;
		opacity: 0;
		display: none;
	}

	.blurred-img.blurred-image-visible { display: block;  opacity: 0.5; }

	.y-video .icon-play {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 60px;
		color: #FFF;
		margin-top: -45px;
		margin-left: -23px;
		-webkit-transition: transform .3s ease;
		-o-transition: transform .3s ease;
		transition: transform .3s ease;
	}

	.y-video:hover .icon-play {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}

	.mfp-iframe-holder .mfp-content { max-width: 80% !important; }

	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td { padding: 12px 8px; }

	.niche-demos-lists { list-style: none; }

	.device-xl .niche-demos-lists.lists-2,
	.device-lg .niche-demos-lists.lists-2 { margin-left: 30px }

	.niche-demos-lists li a {
		font-size: 19px;
		color: #000;
		font-weight: 700;
		line-height: 1.5;
	}

	.niche-demos-lists li { margin-top: 8px; }

	.niche-demos-lists li a img {
		display: inline-block;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		margin-right: 10px;
		border: 2px solid #FFF;
	}

	.skill-area h4 {
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: rgba(255, 255, 255, 0.7);
	}

	.skill-area .skill-info {
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		padding-left: 25px;
	}

	.skill-area .skill-info span {
		display: block;
		margin-top: 30px;
		font-size: 17px;
	}

	.skill-area span:first-child { margin-top: 0; }

	.skills li:not(:first-child) { margin-top: 50px; }

	.entry-box-shadow { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.09); }

	.entry .entry-title { margin-top: 8px; }

	.entry .entry-title { margin-top: 13px; }

	.entry::after { display: none; }

	.post-grid .entry-image img {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}

	.entry-meta-wrapper {
		background-color: #FFF;
		padding: 30px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.dark .skills li > span {
		font-weight: 300;
		color: #FFF;
		letter-spacing: 3px;
		top: -24px;
	}

	.skills li .progress,
	.dark .skills li .progress-percent {
		background-color: #FFF !important;
		color: #333;
		text-shadow: none;
		font-size: 12px;
	}

	.dark .progress-percent::after,
	.dark .progress-percent::before { border-top-color: #FFF !important; }

	.testimonial .flexslider .slider-wrap img {
		display: block;
		width: auto;
		margin: 0 auto;
		max-height: 80px;
		margin-bottom: 30px;
	}

	.dark .testimonial .testi-content p { color: #FFF; }
	.dark .testimonial .testi-meta span { color: rgba(255, 255, 255, .5); }

	.flex-prev,
	.flex-next {
		width: 45px;
		height: 45px;
		border-radius: 50%;
		top:49%;
	}

	.dark .flex-prev,
	.dark .flex-next { background-color: #FFF !important; }

	.flex-next i,
	.flex-prev i {
		font-size: 24px;
		height: 45px;
		line-height: 45px;
		color: #111;
		text-shadow: none;
	}

	.flex-next i { margin-left: 3px; }
	.flex-prev i { margin-left: -1px; }

	.flex-prev,
	.flex-next { transition: transform 0.45s cubic-bezier(0.2, 0.7, .3, 1); }

	.flex-prev:hover,
	.flex-next:hover { transform: translateY(-4px); }

	#section-profile p {
		color:#eee;
		text-shadow: 0 2px 6px rgba(0,0,0,0.8), 0 2px 6px rgba(0,0,0,0.8);
	}

	.masonry-thumbs .grid-item {
		display: block;
		border-right: 2px solid #FFF;
		border-bottom: 2px solid #FFF;
		padding: 0;
		border-radius: 4px;
	}

	.masonry-thumbs .grid-item img {
		-webkit-transform: scale(1.05) translateX(-2px) translateY(-2px);
		transform:  scale(1.05) translateX(-2px) translateY(-2px);
		-webkit-transition: all .5s ease-out;
		transition: all .5s ease-out;
		padding: 0;
	}

	.masonry-thumbs .grid-item:hover img {
		-webkit-transform: scale(1.05) translateX(2px) translateY(2px);
		transform: scale(1.05) translateX(2px) translateY(2px);
		-webkit-filter: sepia(0) saturate(1.3);
		filter: sepia(0) saturate(1.3);
		opacity: .9;
	}