html,body{color:#434242;font-family:'Open Sans',sans-serif !important;height:100%}body{background:#f3efe0;font-size:15px;line-height:1.64}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,b{font-family:'Open Sans',sans-serif !important;margin-bottom:20px}h1,h4{font-weight:700;margin-bottom:10px}h2,h3{font-weight:300;color:#22a39f}h2{font-size:54px;text-align:center}h3{font-size:28px}p.lead{text-align:center;color:#727878}p.lead a{color:#fff;text-decoration:underline}p.lead a:hover{text-decoration:none}ul.no-bullets{list-style-type:none;margin:0;padding:0}hr{margin:40px 0;border-color:#727878;opacity:.2;filter:alpha(opacity=20)}.project-referal{margin-top:40px}.project-referal p{font-style:italic;color:#999}.btn-primary{background-color:#22a39f;border-color:#1c8784}.btn-primary:hover{background-color:#1c8784;border-color:#1c8784}.icon{display:inline-block;background:url(images/sm_icon_sprite.png) no-repeat;height:32px;width:32px}.icon.icon-twitter{background-position:0 0}.icon.icon-linkedin{background-position:0 -32px}.icon.icon-skype{background-position:0 -64px}.icon.icon-email{background-position:0 -96px}.jumbotron{background:no-repeat center right fixed url(images/background2.jpg);-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background2.jpg', sizingMethod='scale')";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background2.jpg',sizingMethod='scale');margin-bottom:0;padding:0}.jumbotron .overlay{background-color:#22a39f;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.20;filter:alpha(opacity=20);z-index:2}.jumbotron .container{position:relative;top:28%;z-index:4;text-align:center}.jumbotron .container>*{text-align:center;color:#fff}.jumbotron .container h1{padding-bottom:20px;border-bottom:1px solid #fff;border-bottom-color:rgba(255,255,255,0.35);display:inline-block}.jumbotron .container .lead{font-size:28px}.jumbotron .scroll-down{height:80px;width:110px;display:block;position:absolute;bottom:0;right:5%;background-color:#222;text-align:center;z-index:6}.jumbotron .scroll-down .glyphicon{color:#fff;font-size:30px;padding-right:2px;padding-top:20px;animation-name:wiggle;animation-duration:1.2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}.jumbotron .scroll-down:hover .glyphicon{padding-top:25px}.navbar{border:0;background-color:#222;position:absolute;top:100%;right:5%;width:110px;z-index:999}.navbar .navbar-collapse{padding:0;max-height:none}.navbar .navbar-nav{float:none}.navbar-nav{margin:0}.navbar .nav>li{display:block;float:none;height:80px}.navbar .nav>li a{display:block;height:80px;text-align:center;padding-top:30px;font-weight:600;color:#fff}.navbar .nav>li a:hover,.navbar .nav>li a:focus{color:#999}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{background:#22a39f;color:#fff}.navbar-default .navbar-toggle:hover .icon-bar,.navbar-default .navbar-toggle:focus .icon-bar{background:#222}.fixed .navbar{position:fixed;top:60px}.background-white{background:#fff}.background-gray{background:#434242}.container{max-width:1280px;padding:40px 180px}#profile .row>div{margin-bottom:20px}#profile .row>div img{width:100%;max-width:246px;height:auto}#experiences .experience{margin-bottom:20px}#experiences .experience p>strong{display:block;padding-top:8px;margin-bottom:10px}#experiences .experience .experience-details{display:block;margin-top:6px}#experiences .experience .experience-details *{color:#22a39f}#experiences .experience .experience-details .seperator{color:#bcbcbc}#abilities ul>li{min-height:30px;padding:3px 0}#abilities ul>li:hover{background:#f2f2f2}#abilities ul>li .ability-title{display:inline-block;width:60%}#abilities ul>li .ability-score{float:right}#abilities ul>li .ability-score .glyphicon{color:#dfe0e0;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}#abilities ul>li .ability-score .glyphicon.filled{color:#22a39f}#abilities ul>li:hover .ability-score .glyphicon{margin-left:2px}#interests .left{float:left}#interests .right{float:right}#interests img{width:80%;height:auto}#interests .right img{float:right}#interests .interest-content{padding:40px 0}#interests .row:hover .left img{-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg)}#interests .row:hover .right img{-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-ms-transform:rotate(12deg);-o-transform:rotate(12deg)}#projects .row>div{margin-bottom:30px}#projects figure{position:relative;overflow:hidden}#projects figure h3{color:#FFF;font-weight:600;margin-bottom:5px}#projects figure p>strong{width:60px;display:inline-block;margin:0}#projects figure img{width:110%}#projects figure figcaption{padding:20px 30px;position:absolute;top:0;left:0;height:100%;width:100%}#projects figure a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;position:absolute;top:0;left:0;height:100%;width:100%}#projects figure .icon{background:#22a39f;position:absolute;top:0;right:0;width:48px;height:48px}#projects figure .icon span{font-size:18px;line-height:18px;padding:15px}#contact{padding-bottom:200px}#contact h2,#contact .row *{color:#fff}#contact a{display:block;line-height:32px;margin-bottom:20px;opacity:.6;filter:alpha(opacity=60)}#contact a .icon{float:left;margin-right:20px}#contact a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none}.opl{position:absolute;top:100px;left:0;z-index:99999}.opl a{width:73px;height:56px;text-indent:-9999px;display:block;background:url('https://s3.amazonaws.com/onepagelove/one-page-love-award.png') no-repeat}@media(max-width:1200px){#interests .interest-content{padding:20px 0}}@media(max-width:767px){.jumbotron:before{bottom:100px;left:20px;right:20px;top:20px}.jumbotron .container{top:20%;padding-top:0}.jumbotron .scroll-down{width:100%;right:0}.navbar{left:0;width:100%}.navbar .nav>li{height:60px}.navbar .nav>li a{height:60px;text-align:center;padding-top:20px;font-weight:600;color:#fff}.fixed .navbar{top:0}.container{padding:60px 20px;min-width:280px}.hidden-phone{display:none}#profile .row *{text-align:center}#experiences .experience .experience-details>span{display:block;margin-bottom:6px}#experiences .experience .experience-details .seperator{display:none}#interests .left{float:none}#interests .right{float:none}#interests>*{text-align:center}#interests img{width:50%;height:auto;float:none !important}#interests .interest-content{padding:20px 0}#contact{padding-bottom:60px}#contact a .icon{float:left;margin-right:10px}}@media only screen and (orientation:portrait) and (max-width:767px){.jumbotron{-webkit-background-size:auto 150%;background-attachment:scroll}}@media only screen and (orientation:landscape) and (max-width:767px){.jumbotron{-webkit-background-size:150% auto;background-attachment:scroll}.jumbotron .lead{display:none}}@keyframes wiggle{0{padding-top:20px}50%{padding-top:28px}100%{padding-top:20px}}figure.effect{background:#22a39f;color:#FFF}figure.effect img{width:-webkit-calc(100%+20px);width:calc(100%+20px);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}figure.effect:hover img{opacity:.2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect figcaption{text-align:left}figure.effect h3{position:relative;overflow:hidden;padding-bottom:20px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect:hover h3{opacity:1}figure.effect h3::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}figure.effect:hover h3::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect p{padding-top:10px;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}figure.effect:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}