/*-------------------------------------------------------*/
		/* Core */
/*-------------------------------------------------------*/

body{font-family:'Alegreya Sans SC',sans-serif;background-image:url(../img/core/BG.jpg);background-attachment:fixed;margin:0;overflow-x:hidden;overflow-y:auto}
p,label{font-family:verdana,helvetica,arial,sans-serif}
a{text-decoration:none}
h3{margin-top:10px;font-size:20px;letter-spacing:2px;font-weight:400}
h5{margin:0;font-size:16px;letter-spacing:2px;font-weight:400}



/*-------------------------------------------------------*/
		/* Navigation */
/*-------------------------------------------------------*/

nav{padding-left:52px}
nav ul{list-style:none;padding:0;margin:0;width:92px;-webkit-box-shadow:-10px 0 46px -6px rgba(255,255,255,0.5);-moz-box-shadow:-10px 0 46px -6px rgba(255,255,255,0.5);box-shadow:-10px 0 46px -6px rgba(255,255,255,0.5)}
nav li{text-align:center;width:92px;height:115px;background-color:gray;background-image:url(../img/core/menuoverlay.png);transition-duration:.35s;-webkit-transition-duration:.35s}
nav li a:hover{-webkit-transform:translate(0,-15px);-moz-transform:translate(0,-15px);-ms-transform:translate(0,-15px);-o-transform:translate(0,-15px);transform:translate(0,-15px)}
nav li a{display:block;width:100%;height:100%;color:#fff;background-repeat:no-repeat;background-position:center;transition-duration:.35s;-webkit-transition-duration:.35s;pointer-events:auto}
nav li a span{font-size:13px;font-weight:400;position:relative;top:90px}
nav li#s1:hover,nav li#s1.active{background-color:/* Section 1 color */ #fcb200}
nav li#s2:hover,nav li#s2.active{background-color:/* Section 2 color */ #ff2a00}
nav li#s3:hover,nav li#s3.active{background-color:/* Section 3 color */ #6db10a}
nav li#s4:hover,nav li#s4.active{background-color:/* Section 4 color */ #005aff}
nav li#s1 a{background-image:url(../img/core/about.png)}
nav li#s2 a{background-image:url(../img/core/resume.png)}
nav li#s3 a{background-image:url(../img/core/portfolio.png)}
nav li#s4 a{background-image:url(../img/core/contact.png)}



/*-------------------------------------------------------*/
		/* Page Structure */
/*-------------------------------------------------------*/

header{width:960px;height:670px;position:fixed;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
section{position:relative;float:left}
article{background-image:url(../img/core/backgroundlogo.png);background-position:right center;background-repeat:no-repeat;width:756px;height:382px;background-color:#303030;border-left:52px solid;padding:30px 30px 30px 122px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-box-shadow:0 19px 66px -14px rgba(0,0,0,1);-moz-box-shadow:0 19px 66px -14px rgba(0,0,0,1);box-shadow:0 19px 66px -14px rgba(0,0,0,1)}
#section_1 article{border-color:/* Section 1 color */ #fcb300}
#section_2 article{border-color:/* Section 2 color */ #ff2a00}
#section_3 article{border-color:/* Section 3 color */ #6db10a}
#section_4 article{border-color:/* Section 4 color */ #005aff;padding:0 0 0 92px;width:816px;height:442px}
footer{position:fixed;top:745px;left:50%;transform:translateX(-50%)}
#logo_wrapper{width:100%;height:105px;text-align:center;pointer-events:auto;}



/*-------------------------------------------------------*/
		/* About Section */
/*-------------------------------------------------------*/

.bio{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;width:640px;height:332px;margin:10px 50px}
.clients{margin-top:40px}
.apn{margin:0;padding-bottom:10px;border-bottom:solid 2px /* Section 1 color */ #fcb200;font-size:36px}



/*-------------------------------------------------------*/
		/* Services Section */
/*-------------------------------------------------------*/

.eb{height:357px;width:100%;overflow:hidden}
.eb1{height:357px;width:100%}
.eb2{height:327px;padding-left:5px;margin:3px 0 0}
.crs{float:left}
.rhr{margin:0 0 0 30px;padding:5px 0 15px 10px;border-bottom:solid 2px gray}
.sbar{position:relative;bottom:10px;right:30px;width:317px;height:2px;background-color:/* Section 2 color */ #ff2a00;float:right}
.sca{position:absolute;bottom:25px}
.service{height:32px;width:100%;margin-top:20px;float:left}
.bullet{float:left}
.rt{color:/* Section 2 color */ #ff2a00;position:relative;top:6px;left:10px}
.skills{width:150px;height:419px;float:left;text-align:right}
.skills h3{font-size:26px;color:#fff;margin:3px 2px 7px 2px}
.skt{width:150px;position:relative;margin-right:50px;margin-top:35px;border-bottom:solid 2px /* Section 2 color */ #ff2a00}
.downloadbutton{display:block;text-align:center;color:#fff;background-color:gray;padding:8px 0;border:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;transition-duration:.5s;-webkit-transition-duration:.35s}
.downloadbutton:hover{background-color:/* Section 2 color */ #ff2a00}
progress,progress[role]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-size:auto;height:40px;width:235px;color:#ccc}
.skill-list{list-style:none;padding:0;margin:18px 0 35px}
.skill{margin-bottom:10px;position:relative}
.hskill{color:#303030;left:10px;top:2px;font-size:14px;position:absolute;margin-top:10px;letter-spacing:2px;font-weight:400}
.bar::-webkit-progress-value{background:#ccc}
.bar::-moz-progress-bar{background:#ccc}
.liquid-slider{color:#fff}
.liquid-slider p{font-size:13px}
.no-js .liquid-slider{height:350px;overflow:scroll}
.ls-wrapper .ls-preloader{background:url(../img/loading.gif) #f2f2f2 no-repeat center 75px;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.ls-wrapper{float:left;clear:both;overflow:auto;position:relative}
.ls-wrapper .liquid-slider{width:520px;height:366px;float:left;overflow:hidden;position:relative}
.ls-wrapper .panel-container{position:relative}
.ls-wrapper .liquid-slider .panel-container .fade{position:absolute;top:0;left:0;display:block}
.ls-wrapper .liquid-slider .panel{width:520px;display:block;float:left}
.ls-wrapper .liquid-slider .panel-wrapper{padding:0;position:relative}
.ls-wrapper .ls-nav a{font-size:26px;font-family:'Alegreya Sans SC',sans-serif;letter-spacing:2px;font-weight:400;color:gray;margin:5px;padding:0 15px 0 6px;transition-duration:.35s;-webkit-transition-duration:.35s}
.ls-wrapper .ls-nav a:hover{color:#fff;text-shadow:none}
.ls-wrapper .ls-nav .current{color:#fff}
.currentCrossLink{font-weight:700}
.ls-wrapper .ls-nav ul{padding:0;clear:both;display:block;margin:auto;overflow:hidden}
.ls-wrapper .ls-nav ul li{display:inline}
.ls-wrapper .ls-nav ul li a{display:block;float:left;text-decoration:none}
.ls-wrapper .ls-nav{border-bottom:solid 2px /* Section 2 color */ #ff2a00;overflow:hidden;clear:both}
.ls-wrapper .ls-select-box{width:100%;height:35px;overflow:hidden;background:url(../img/menu.png) no-repeat right #ddd}
.ls-wrapper .ls-select-box select{width:150%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:5px;font-size:110%;border:none;height:35px;cursor:pointer;outline:0}
.ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-right{float:left}
.ls-wrapper .ls-nav-left a,.ls-wrapper .ls-nav-right a{background:#000;color:#fff;padding:5px;width:100px;display:block;text-align:center;text-decoration:none}
.ls-wrapper .ls-nav-left-arrow,.ls-wrapper .ls-nav-right-arrow{cursor:pointer;float:left}
.ls-wrapper .ls-nav-left-arrow a,.ls-wrapper .ls-nav-right-arrow a{display:block}
.ls-wrapper .ls-nav-left,.ls-wrapper .ls-nav-left-arrow{clear:both}
.ls-wrapper .ls-nav-right-arrow{width:25px;height:25px;background:url(../img/arrow.png) no-repeat top right;margin-top:50px;margin-right:5px;position:relative}
.ls-wrapper .ls-nav-left-arrow{width:25px;height:25px;background:url(../img/arrow.png) no-repeat top left;margin-top:50px;margin-left:5px;position:relative}
.ls-wrapper .ls-nav-left-arrow:hover{background:url(../img/arrow.png) no-repeat bottom left}
.ls-wrapper .ls-nav-right-arrow:hover{background:url(../img/arrow.png) no-repeat bottom right}
.arrows .liquid-slider{margin:0 10px}
.ls-responsive .liquid-slider{width:100%;margin:0}
.ls-responsive .liquid-slider .panel .panel-wrapper{padding:10px}
.ls-responsive .ls-nav-left{position:absolute;left:0;z-index:2}
.ls-responsive .ls-nav-left a{background:#9A9A9A;width:80px}
.ls-responsive .ls-nav-left a:hover{background:#747474}
.ls-responsive .ls-nav-right{position:absolute;right:0;z-index:2}
.ls-responsive .ls-nav-right a{background:#9A9A9A;width:80px}
.ls-responsive .ls-nav-right a:hover{background:#747474}
.ls-responsive .ls-nav-left-arrow{position:absolute;left:0;z-index:2}
.ls-responsive .ls-nav-right-arrow{position:absolute;right:0;z-index:2}



/*-------------------------------------------------------*/
		/* Portfolio Section */
/*-------------------------------------------------------*/

.portfolioFilter a{margin-right:10px;color:#666;text-decoration:none}
.portfolioFilter a.current{font-weight:700}
#portfolio{height:392px;overflow:hidden}
#portfolio-list{overflow:hidden;z-index:1;height:350px;padding:0;margin:0}
#portfolio-list li{float:left;margin:12px;text-align:center;background-color:#fbfbfb;height:150px;width:164px}
#portfolio-list img{height:150px;width:164px;margin:0}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
.cats-filter{overflow:hidden;list-style:none;padding:0;margin:0;font-size:16px;font-family:'Alegreya Sans SC',sans-serif;letter-spacing:2px;font-weight:400;border-bottom:solid 2px /* Section 3 color */ #6db10a}
.cats-filter li a{float:left;font-size:26px;font-family:'Alegreya Sans SC',sans-serif;letter-spacing:2px;font-weight:400;color:gray;margin:0 6px 3px;padding:0 15px 0 6px;transition-duration:.35s;-webkit-transition-duration:.35s}
.cats-filter li a:hover{color:#fff}
.cats-filter li a.current{color:#fff}
.iw{height:100%;overflow:hidden;position:relative;width:100%}
.iw:hover .ii{opacity:.75;filter:alpha(opacity=.75);transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s}
.ii{background-color:#000;bottom:0;opacity:0;filter:alpha(opacity=0);position:absolute;height:100%;width:100%;z-index:1000;transition-duration:.5s;-webkit-transition-duration:.5s}
.iii{width:134px;margin:42px auto}
.pil{background-image:url(../img/core/link1.png);width:57px;height:55px;float:left;margin:5px;transition-duration:.5s;-webkit-transition-duration:.5s}
.pil:hover{background-image:url(../img/core/link2.png)}
.piz{background-image:url(../img/core/zoom1.png);width:57px;height:55px;float:left;margin:5px;transition-duration:.5s;-webkit-transition-duration:.5s}
.piz:hover{background-image:url(../img/core/zoom2.png)}



/*-------------------------------------------------------*/
		/* Lightbox */
/*-------------------------------------------------------*/

body:after{content:url(../img/lightbox/close.png) url(../img/lightbox/loading.gif) url(../img/lightbox//prev.png) url(../img/lightbox/next.png);display:none}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.lightbox .lb-image{display:block;height:auto;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;*zoom:1;width:250px;height:250px;margin:auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-container{padding:4px}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:auto;background:url(../img/lightbox/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:none}
.lb-prev,.lb-next{width:49%;height:100%;cursor:pointer;display:block}
.lb-prev{left:0;float:left}
.lb-prev:hover{background:url(../img/lightbox/prev.png) left 48% no-repeat}
.lb-next{right:0;float:right}
.lb-next:hover{background:url(../img/lightbox/next.png) right 48% no-repeat}
.lb-dataContainer{margin:auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#bbb}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}
.lb-data .lb-close:hover{cursor:pointer;filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}



/*-------------------------------------------------------*/
		/* Contact Section */
/*-------------------------------------------------------*/

#contact_form_messages{text-align:center;color:#fff;font-size:22px;padding:75px 0}
#contact_form_messages p{display:inline-block;vertical-align:bottom}
#contact_form label{display:block;color:#999;margin:20px 0 8px;font-size:13px}
#contact_form div{float:left;padding:5px 40px 0;width:328px}
#contact_form .field{width:776px;padding:18px 0}
#contact_form input,#contact_form textarea{box-shadow:inset 0 5px 16px -13px #333;background-color:#FDFDFD;border:none;color:#666;font-size:12px;outline:none;line-height:20px;padding:6px 10px;resize:none;width:308px}
#contact_form textarea{height:98px}
button{color:#fff;background-color:gray;padding:8px 20px 8px 23px;margin:0;border:none;float:right;cursor:pointer;font-size:13px;transition-duration:.35s;-webkit-transition-duration:.35s;font-family:verdana,helvetica,arial,sans-serif;font-size:13px}
button:hover{background-color:/* Section 4 color */ #005aff}
.error img,.socialcontainer{display:none}
#map{height:200px;width:816px}
.gm-style-iw *{display:block;width:100%}
.gm-style-iw h4,.gm-style-iw p{margin:0;padding:0}
.gm-style-iw a{color:#4272db}






/*-------------------------------------------------------*/
		/* Mobile */
/*-------------------------------------------------------*/

@media screen and ( max-width:1024px) {



/*-------------------------------------------------------*/
		/* Mobile Page Structure*/
/*-------------------------------------------------------*/

footer,#contact_form,#map,.pil,.skills,.liquid-slider p{display:none}
article{padding:5%;width:90%;height:100%;border-top:3em solid;border-left:none;top:0;left:0;transform:translate(0,0)}
#section_4 article{padding:0;width:100%;height:100%}
header{width:100%;height:670px;position:fixed;z-index:1;top:0;left:0;transform:translate(0,0)}
#logo_wrapper{height:3em;}
#logo{height:3em;}



/*-------------------------------------------------------*/
		/* Mobile Navigation*/
/*-------------------------------------------------------*/

nav{padding-left:0}
nav ul{width:100%}
nav li{width:25%;height:5em;float:left}
nav li a{background-position:center 1em}
nav li a:hover{-webkit-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit}
nav li a span{top:4em}



/*-------------------------------------------------------*/
		/* Mobile About Section*/
/*-------------------------------------------------------*/

.bio{width:90%;height:auto;margin:0}
.bio img{width:24%}



/*-------------------------------------------------------*/
		/* Mobile Services Section*/
/*-------------------------------------------------------*/

.ls-wrapper .liquid-slider{width:100%}
.ls-wrapper{width:324px}
.ls-wrapper .panel-container{width:300%}
.ls-wrapper .liquid-slider .panel{width:33%}
.ls-wrapper .ls-nav ul{float:none!important;text-align:center}
.ls-wrapper .ls-nav ul li a{float:left;font-size:1.3em;font-family:'Alegreya Sans SC',sans-serif;letter-spacing:2px;font-weight:400;color:gray;margin:2% 0;padding:0 3%;transition-duration:.35s;-webkit-transition-duration:.35s}
.eb{width:100%}
.sca{position:inherit}
.sbar{right:0;width:155px}
.service{width:100%}
.pagewrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}



/*-------------------------------------------------------*/
		/* Mobile Portfolio Section*/
/*-------------------------------------------------------*/

.portfolioFilter a{margin-right:1%;color:#666;text-decoration:none}
.portfolioFilter a.current{font-weight:700}
#portfolio{height:450px;position:relative;top:18%}
#portfolio-list{overflow:hidden;z-index:1;height:76%!important;width:100%;padding:0;margin:0}
#portfolio-list li{float:left;height:25%;margin:2.2%;text-align:center;background-color:#fbfbfb;width:29%}
#portfolio-list img{width:100%;height:100%;margin:0}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
.cats-filter{overflow:hidden;padding-bottom:.5em;margin-bottom:.5em;border-bottom:solid 2px /* Section 3 color */ #6db10a}
.cats-filter li a{float:left;font-size:1.3em;font-family:'Alegreya Sans SC',sans-serif;letter-spacing:2px;font-weight:400;color:gray;margin:1% .5%;padding:0 3%;transition-duration:.35s;-webkit-transition-duration:.35s}
.cats-filter li a:hover{color:#fff}
.cats-filter li a.current{color:#fff}
.iii{width:100%;height:100%;margin:auto}
.piz{width:100%;height:100%;background-image:none}
.piz:hover{background-image:none}



/*-------------------------------------------------------*/
		/* Mobile Contact Section*/
/*-------------------------------------------------------*/

.socialcontainer{display:block;text-align:center;position:relative;top:50%;transform:translateY(-50%)}
#contact_button{display:block;text-align:center;width:100%;max-width:250px;color:#fff;margin:1em auto;background-color:gray;padding:4% 0;border:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}



}
/*-------------------------------------------------------*/
		/* End Mobile*/
/*-------------------------------------------------------*/