#wrap{background-color:#fff;}
.mfp-ajax-holder button.mfp-close{position:fixed;top:30px;right:50px;border:1px solid #fff;background-color:#252525;color:#fff;opacity:1;}
.mfp-ajax-holder .mfp-arrow{position:fixed;width:50px;height:50px;border:1px solid #fff;opacity:1;}
.mfp-ajax-holder .mfp-arrow-left{left:30px;background:#252525 url(../images/prev.png) no-repeat center center;}
.mfp-ajax-holder .mfp-arrow-right{right:50px;background:#252525 url(../images/next.png) no-repeat center center;}
.mfp-ajax-holder .mfp-arrow-left:before,
.mfp-ajax-holder .mfp-arrow-right:before,
.mfp-ajax-holder .mfp-arrow-left:after,
.mfp-ajax-holder .mfp-arrow-right:after{border:none;}
#header{}
#logo{display:inline-block;height:85px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:33px 25px 0 25px;background-color:#252525;color:#fff;font:17px/18px 'Oswald', sans-serif;text-decoration:none;text-transform:uppercase;-webkit-transition:padding 0.3s;-o-transition:padding 0.3s;transition:padding 0.3s;}
.sf-menu,
.sf-menu *{padding:0;margin:0;list-style:none;}
.sf-menu li{position:relative;white-space:nowrap;}
.sf-menu ul{position:absolute;z-index:99;top:100%;left:0;display:none;}
.sf-menu > li{float:left;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul{display:block;}
.sf-menu a{display:block;position:relative;}
.sf-menu ul ul{top:0;left:100%;}
.sf-menu{float:right;}
.sf-menu a{padding:10px 15px;border-bottom:1px dotted rgba(0, 0, 0, 0.15);font-family:'Oswald', sans-serif;font-size:15px;color:#252525;text-transform:uppercase;}
.sf-menu > li > a{padding:15px;border-bottom:2px solid transparent;font-size:15px;line-height:53px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.sf-menu li{-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s;}
.sf-menu li:hover,
.sf-menu li.sfHover{position:relative;text-decoration:none;}
.sf-menu li:hover a,
.sf-menu li.sfHover a{color:#333;text-decoration:none;}
.sf-menu li a:hover{color:#5f5f5f;}
.sf-menu li.active a{border-bottom-color:#252525;}
.sf-menu ul{min-width:200px;border:1px solid rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px rgba(0, 0, 0, 0.1);background-color:#fff;}
.sf-menu ul > li:last-child > a{border-bottom:none;}
.sf-menu ul ul li{}
.sf-arrows .sf-with-ul{padding-right:30px;}
.sf-arrows .sf-with-ul:after{position:absolute;top:50%;right:10px;height:0;width:0;border:5px solid transparent;border-top-color:rgba(0, 0, 0, 0.5);margin-top:-13px;content:"";}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:rgba(0, 0, 0, 0.5);}
#mobile-menu{z-index:20;border-bottom:1px solid #efefef;}
#mobile-menu li{display:block;margin:0;}
#mobile-menu > li > ul,
#mobile-menu > li > ul > li > ul{display:none;margin-left:0;}
#mobile-menu li a{position:relative;display:block;padding:15px 35px;border-top:1px solid #efefef;color:#333;font-size:15px;text-align:left;text-decoration:none;}
#mobile-menu ul a{padding-left:45px;}
#mobile-menu ul li ul a{padding-left:65px;}
#mobile-menu .mobile-menu-submenu-arrow{position:absolute;top:0;right:0;height:100%;width:70px;border-left:1px solid #efefef;color:#333;font-size:20px;line-height:50px;text-align:center;cursor:pointer;}
#mobile-menu .mobile-menu-submenu-arrow:hover{background-color:#f3f3f3;}
#mobile-menu li a:hover{}
#mobile-menu{display:none;}
#mobile-menu-trigger{float:right;display:none;color:#252525;font-size:32px;}
#custom-search-form{position:relative;}
#custom-search-form #s{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 15px;}
#custom-search-form #custom-search-submit{position:absolute;top:8px;right:10px;height:18px;width:20px;border:none;background:url(../images/bg-search.png) no-repeat center center;text-indent:-9999px;cursor:pointer;}
#custom-search-submit:focus{outline:none;}
#content{position:relative;min-height:300px;}
.cv-section{padding-bottom:50px;border-bottom:1px solid #e1e1e1;margin-bottom:60px;}
.cv-section:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0;}
.cv-section-title{padding:15px 0;font-family:'PT Sans', sans-serif;font-size:12px;text-align:right;text-transform:uppercase;}
.cv-section-title p{margin-bottom:5px;}
.cv-section-title h1{position:relative;padding-bottom:14px;}
.cv-section-title h1:after{position:absolute;bottom:0;right:0;width:100px;border-bottom:1px solid #e1e1e1;content:"";}
.cv-section-title h1 span{position:relative;}
.cv-section-title h1 span small{position:absolute;top:-10px;left:0;font:12px 'PT Sans', sans-serif;}
.cv-section-title h3{font-family:'PT Sans Narrow', sans-serif;font-weight:700;letter-spacing:1px;}
.cv-item{padding:15px 0 5px 30px;border-left:1px solid #e1e1e1;margin-top:-10px;}
#footer{position:absolute;z-index:3;bottom:0;right:0;left:0;padding:40px 0;background-color:rgba(31, 26, 27, 0.7);color:#fff;}
#nav{-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px rgba(0, 0, 0, 0.1);}
@media (min-width:1024px){.stuck{position:fixed !important;top:0;width:100% !important;z-index:1000;}
#nav.stuck{background:#fff;}
#nav.stuck .sf-menu > li > a{padding:9px 15px;line-height:35px;}
#nav.stuck #logo{height:55px;padding:17px 25px;}
}
#personal-profile{padding:110px 0 80px 0;}
.personal-details{list-style:none;}
.personal-details li{padding:9px 0;border-bottom:1px solid #e1e1e1;color:#252525;}
.personal-details li a{color:#252525;}
.personal-details li:first-child{padding-top:0;}
.personal-details li:last-child{border-bottom:none;}
#work-experience{padding:110px 0 80px 0;background-color:#f6f6f6;}
#work-experience .headline p span{background-color:#f6f6f6;}
#education{padding:110px 0 80px 0;}
#references{font-size:18px;line-height:30px;}
#references.parallax{margin-bottom:0;}
.references-slider{margin-top:50px;}
#references .headline{border-bottom:none;}
#references .headline:before,
#references .headline:after{position:absolute;bottom:0;border-bottom:1px solid #fff;width:25px;content:"";}
#references .headline:before{left:0;}
#references .headline:after{right:0;}
#references .headline p{top:auto;bottom:-30px;color:#fff;}
#references .headline p span{background-color:transparent;}
#skills{padding:110px 0 80px 0;background-color:#f6f6f6;}
#skills .headline p span{background-color:#f6f6f6;}
.interests-list{list-style:none;}
.interests-list li{position:relative;float:left;margin-right:30px;text-align:center;}
.interests-list li:last-child{margin-right:0;}
.interests-list li > p{margin-bottom:0;}
.interests-list li > p i{display:block;width:70px;height:70px;border:1px solid #252525;margin-bottom:25px;color:#252525;font-size:25px;line-height:70px;}
.interest-details{position:absolute;top:-45px;left:-45px;width:200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px;background-color:rgba(0, 0, 0, 0.9);color:#fff;text-align:left;opacity:0;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.interests-list li:first-child .interest-details{left:0;}
.interest-details i{display:inline-block;margin:0 15px 20px 0;font-size:25px;vertical-align:text-top;}
.interest-details p{font-size:14px;line-height:24px;margin-bottom:0;}
.interests-list li:hover .interest-details{opacity:1;}
#project-wrap{max-width:980px;padding:100px 0;margin:100px auto;background-color:#fff;}
#portfolio{padding:110px 0 80px 0;}
#portfolio .headline{margin-bottom:40px;}
.portfolio-items{margin:65px 0;list-style:none;}
.portfolio-items li{float:left;width:33.3333333333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:15px;}
.portfolio-item{position:relative;overflow:hidden;margin-bottom:30px;}
.portfolio-items li .portfolio-item{margin-bottom:0;}
.portfolio-item-preview{position:relative;}
.portfolio-item-work{position:absolute;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5);color:white;text-align:center;}
.portfolio-item-preview > img{display:block;width:100%;-webkit-transition:-webkit-transform 0.5s;-ms-transition:-ms-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.portfolio-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;-webkit-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
.portfolio-item-overlay-actions .portfolio-item-zoom{position:absolute;top:28%;display:inline-block;width:40px;height:40px;border:1px solid #fff;margin:0 5px;color:#fff;font-size:32px;line-height:40px;text-align:center;text-decoration:none;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.portfolio-item-overlay-actions .portfolio-item-link{position:absolute;top:28%;display:inline-block;width:200px;height:40px;border:1px solid #fff;margin:0 5px;color:#fff;font-size:32px;line-height:40px;text-align:center;text-decoration:none;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.portfolio-item-overlay-actions .portfolio-item-zoom{left:0;}
.portfolio-item-overlay-actions .portfolio-item-link{right:0;}
.portfolio-item-overlay-actions .portfolio-item-zoom:hover,
.portfolio-item-overlay-actions .portfolio-item-link:hover{background-color:rgba(0, 0, 0, 0.8);}
.portfolio-item-description{position:absolute;right:0;bottom:-60px;left:0;padding:25px;background-color:#fff;color:#000;text-align:center;opacity:0;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.portfolio-item-description h3{margin-bottom:0;text-transform:uppercase;}
.portfolio-item-description p{margin-bottom:0;font-size:12px;letter-spacing:1px;text-transform:uppercase;}
.portfolio-item:hover .portfolio-item-preview > img{}
.portfolio-item:hover .portfolio-item-description{opacity:1;bottom:0;}
.portfolio-item:hover .portfolio-item-overlay{opacity:1;}
.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-zoom{left:50%;margin-left:-55px;}
.portfolio-item:hover .portfolio-item-overlay-actions .portfolio-item-link{right:21%;}
.pagination{list-style:none;}
.pagination li{float:left;}
.pagination a{display:block;padding:10px 15px;border:1px solid #e9e9e9;border-left:none;}
.pagination li:first-child a{border-left:1px solid #e9e9e9;}
.pagination li.current a{background-color:#f3f3f3;color:#666;}
.pagination li.current a:hover{text-decoration:none;}
.portfolio-filter ul{margin-bottom:0;list-style:none;text-align:center;}
.portfolio-filter ul li{display:inline-block;margin-right:20px;}
.portfolio-filter ul li:last-child{margin-right:0;}
.portfolio-filter ul li a{display:block;padding:5px 15px;border:1px solid #252525;color:#252525;text-decoration:none;text-transform:uppercase;}
.portfolio-filter ul li a:hover,
.portfolio-filter ul li a.active{background-color:#7a7a7a;color:#fff;}
#contact{padding-bottom:110px;}
#contact.parallax{margin-bottom:0;}
#contact .headline{margin-bottom:80px;}
.contact-info{list-style:none;margin-bottom:60px;}
.contact-info li{position:relative;padding-left:50px;margin-bottom:25px;}
.contact-info li:last-child{margin-bottom:0;}
.contact-info li a{color:#fff;}
.contact-info li i{position:absolute;top:0;left:0;display:inline-block;width:30px;margin-right:20px;background-color:#252525;font-size:14px;line-height:30px;text-align:center;}
.contact-form{overflow:hidden;margin-top:60px;}
.contact-form fieldset{}
label.validation-error{color:#b55454;}
input.validation-error,
textarea.validation-error,
select.validation-error{border:1px solid #a1a1a1;}
.contact-form #formstatus{}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{padding:20px;border:none;border-bottom:1px solid #fff;color:#fff;resize:none;}
.contact-form input[type="submit"]{border:1px solid #fff;margin-top:50px;background-color:transparent;color:#fff;}
.contact-form input[type="submit"]:hover{background-color:#252525;}
@media (min-width:1400px){#wrap{}
.sf-menu > li > a{padding:15px 25px;}
#nav.stuck .sf-menu > li > a{padding:9px 25px;}
#project-wrap{max-width:1300px;}
}
@media (max-width:1024px){#wrap{}
#header{}
#content{}
#footer{}
}
@media (min-width:768px) and (max-width:979px){#wrap{}
#header{}
#menu{display:none;}
#mobile-menu-trigger{display:block;margin-top:28px;}
#content{}
.cv-section-title h1{font-size:32px;}
#footer{}
#project-wrap{max-width:100%;}
.portfolio-items li{width:50%;}
.interests-list li{margin:15px 30px 15px 0;}
#references .headline:before,
#references .headline:after{width:15px;}
}
#images-slide { position: absolute; right: 0; bottom: 0; }
@media (max-width:767px){
#images-slide { position: inherit; right: 0; bottom: 0; }
body{background:none;background-color:#fff;}
#wrap{}
#header{}
#logo{}
#menu{display:none;}
#mobile-menu-trigger{position:absolute;top:18px;right:10px;display:block;padding:10px;}
#mobile-menu li a{padding:15px 40px;}
#content{}
.cv-item{padding-left:0;border-left:none;}
.cv-section-title{text-align:left;}
.cv-section-title h1:after{left:0;}
#footer{}
.row{padding:0 40px;}
.row .row{width:auto;padding:0 20px;margin:0;}
p.last,
h1.last,
h2.last,
h3.last,
h4.last,
h5.last,
address.last,
ul.last,
ol.last{margin-bottom:20px;}
.text-right{text-align:left;}
#project-wrap{max-width:100%;}
.portfolio-items li{float:none;width:100%;padding:15px 0;}
.portfolio-filter ul li{display:block;margin-right:0;margin-bottom:10px;}
.portfolio-filter ul li:last-child{margin-bottom:0;}
.portfolio-item-description p{display:none;}
#references .headline{margin-bottom:50px;}
.interests-list li{float:none;margin-right:0;margin-bottom:50px;text-align:center;}
.interests-list li:last-child{margin-bottom:0;}
.interests-list li > p{display:none;}
.interest-details{position:relative;top:0;left:0;width:100%;border:1px solid #252525;margin:15px 0;background-color:transparent;color:#252525;opacity:1;}
.social-media{margin-bottom:60px;}
#contact-form{margin-top:0;}
}
@media only screen and (min-width:480px) and (max-width:767px){.row{padding:0 40px;}
#mobile-menu-trigger{right:30px;}
.portfolio-items li{float:left;width:50%;padding:5px;}
}
#load-more {
	border: 1px solid #000;
	margin-top: 50px;
	background-color: transparent;
	color: #000;
	padding-top: 5px;
	cursor: pointer;
	width: 97.5%;
}
#load-more:hover {
	border: 1px solid #fff;
	margin-top: 50px;
	background-color: rgba(53, 53, 53, 1);
	color: #fff;
	padding-top: 5px;
	cursor: pointer;
}
#load-more:hover h3 {
	color: #fff;
}