.btn.active,.btn:active,.btn:focus,.navbar .navbar-nav li a:focus,.navbar a:focus,.scroll-top .btn:focus,a,a.active,a:active,a:focus,a:hover{outline:0;}body,html{overflow-x:hidden;}p{font-size:20px;}p.small{font-size:16px;}a,a.active,a:active,a:focus,a:hover{color:#18bc9c;}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;}.img-responsive{max-width:100%;height:auto;}hr.star-light,hr.star-primary{margin:25px auto 30px;padding:0;max-width:250px;border:0;border-top:solid 5px;text-align:center;}hr.star-light:after,hr.star-primary:after{content:"\f005";display:inline-block;position:relative;top:-.8em;padding:0 .25em;font-family:FontAwesome;font-size:2em;}.navbar,header .intro-text .name{text-transform:uppercase;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}hr.star-light{border-color:#fff;}hr.star-light:after{color:#fff;background-color:#18bc9c;}hr.star-primary{border-color:#2c3e50;}hr.star-primary:after{color:#2c3e50;background-color:#fff;}.expertise h2,.hobbies h2{font-size:18px!important;}.img-centered{margin:0 auto;}.carousel-inner img{height:300px;}.carousel-control.left,.carousel-control.right{background-image:none!important;}.expertise{margin-top:15px;}.expertise ul{margin:10px;padding:5px;}.expertise ul li{list-style:none;padding:0;margin:0;}.expertise ul li i{color:#1d88e2;padding:5px;}header{text-align:center;color:#fff;background:url(../img/topbg.jpg) center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-box-shadow:inset 0 -24px 12px -8px rgba(0,0,0,.1);-moz-box-shadow:inset 0 -24px 12px -8px rgba(0,0,0,.1);box-shadow:inset 0 -24px 12px -8px rgba(0,0,0,.1);}header .container{padding-top:100px;padding-bottom:150px;}header img{display:block;margin:0 auto 20px;}header .intro-text .name{display:block;font-size:2em;font-weight:700;}header .intro-text .skills{font-size:1.25em;font-weight:300;}.navbar-fixed-top.navbar-shrink .navbar-brand{font-size:1.5em;margin:0;}.navbar-fixed-top .navbar-brand span{display:none;}.navbar-fixed-top.navbar-shrink .navbar-brand span{position:absolute;top:25px;margin-left:40px;color:#444;display:inline-block;}.navbar-fixed-top.navbar-shrink .navbar-brand img{width:28px;}navbar-default .navbar-nav>.active>a{background:0 0!important;}navbar-default .navbar-nav>.page-scroll.active>a{background:#1a242f;}.navbar-default .navbar-toggle{border-color:#1a242f;background:#1a242f;}.navbar-brand{padding:5px;margin:-10px;}.navbar-brand img{width:38px;}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#444;background-color:rgba(255,255,255,.5);border-radius:5px;}.navbar-shrink .navbar-nav>.active>a,.navbar-shrink .navbar-nav>.active>a:focus,.navbar-shrink .navbar-nav>.active>a:hover{color:#fff;background-color:#444;border-radius:5px;}.text-center-img{text-align:center!important;display:inherit!important;}.navbar-default{background:0 0;}.navbar{font-weight:700;}.navbar .navbar-nav{letter-spacing:1px;}.navbar-default,.navbar-inverse{border:0;}.navbar-default .navbar-nav>li:hover{border-bottom:3px dotted #fff;}.navbar-default .navbar-nav>li>a:hover{color:#fff;}.navbar-fixed-top.navbar-shrink{padding:5px;background:#fff;box-shadow:0 0 10px 1px rgba(105,64,2,.1);}.navbar-fixed-top.navbar-shrink li>a,.navbar-fixed-top.navbar-shrink li>a:hover{color:#2c3e50;}.navbar-fixed-top.navbar-shrink li:hover{border:none;}.navbar-fixed-top.navbar-shrink .navbar-brand{color:#18bc9c;}section{padding:80px 0 40px;}section h2{margin:0;font-size:3em;}.about_me{margin-top:100px;}.skill_me{margin-top:100px;}section.success{color:#fff;background:#18bc9c;}section.success a,section.success a.active,section.success a:active,section.success a:focus,section.success a:hover{outline:0;color:#2c3e50;}.skills_left li,.skills_right li{font-size:1vw;height:70px;}.skills_left,.skills_right{list-style:none;padding:0 5px;margin:0;}.skills_left img,.skills_right img{width:32px;}.skills_left li i.found img{border-radius:50%;}.skills_left li{text-align:right;font-weight:700;}.skills_left li span{display:inline-block;line-height:55px;width:100%;border:5px solid #000;border-radius:10px 30px 30px 10px;position:relative;padding-right:25%;}.skills_left li i{float:right;padding:8px;border:5px solid #000;border-radius:50%;position:absolute;right:5px;display:inline-flex;top:2px;}.skills_left li i,.skills_right li i{z-index:99;background:#fff!important;}.skills_left li span,.skills_right li span{z-index:-1;color:#fff;font-weight:700;}.skills_left li:first-child i,.skills_left li:first-child span{border-color:#303030;background:#303030;}.skills_left li:nth-child(2) i,.skills_left li:nth-child(2) span{border-color:#41b883;background:#41b883;}.skills_left li:nth-child(3) i,.skills_left li:nth-child(3) span{border-color:#303030;background:#303030;}.skills_left li:nth-child(4) i,.skills_left li:nth-child(4) span{border-color:#220e3d;background:#220e3d;}.skills_left li:nth-child(5) i,.skills_left li:nth-child(5) span{border-color:#007cbd;background:#007cbd;}.skills_right li:first-child i,.skills_right li:first-child span{border-color:#242236;background:#242236;}.skills_right li:nth-child(2) i,.skills_right li:nth-child(2) span{border-color:#a658ff;background:#a658ff;}.skills_right li:nth-child(3) i,.skills_right li:nth-child(3) span{border-color:#242236;background:#242236;}.skills_right li:nth-child(4) i,.skills_right li:nth-child(4) span{border-color:#e44d26;background:#e44d26;}.skills_right li:nth-child(5) i,.skills_right li:nth-child(5) span{border-color:#347dc6;background:#347dc6;}.skills_right li{text-align:left;font-weight:700;}.skills_right li span{display:inline-block;line-height:55px;width:100%;border:5px solid #000;border-radius:30px 10px 10px 30px;position:relative;padding-left:25%;}.skills_right li i{float:left;padding:8px;border:5px solid #000;border-radius:50%;z-index:99;position:absolute;display:inline-flex;top:3px;left:5px;}#skills .col-xs-6{padding:0;}@media (max-width:767px){section{padding:75px 0}section.first{padding-top:75px}}#portfolio .portfolio-item{right:0;margin:0 0 15px;}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px;box-shadow:0 1px 10px rgba(0,0,0,.1);border:1px solid #eee;}#portfolio .portfolio-item .portfolio-link .caption{position:absolute;width:100%;height:100%;opacity:0;background:rgba(24,188,156,.9);-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;}#portfolio .portfolio-item .portfolio-link .caption:hover{opacity:1;}#portfolio .portfolio-item .portfolio-link .caption .caption-content{position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;font-size:20px;color:#fff;}#portfolio .portfolio-item .portfolio-link .caption .caption-content i{margin-top:-12px;}#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,#portfolio .portfolio-item .portfolio-link .caption .caption-content h4{margin:0;}#portfolio *{z-index:2;}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.btn-outline{margin-top:15px;border:2px solid #fff;font-size:20px;color:#fff;background:0 0;transition:all .3s ease-in-out;}.btn-outline.active,.btn-outline:active,.btn-outline:focus,.btn-outline:hover{border:2px solid #fff;color:#18bc9c;background:#fff;}.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #18bc9c;}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:0;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none;}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease;}.btn-social,.scroll-top .btn{width:50px;height:50px;font-size:20px;}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee;}.floating-label-form-group-with-value label{top:0;opacity:1;}.floating-label-form-group-with-focus label{color:#18bc9c;}form .row:first-child .floating-label-form-group{border-top:1px solid #18bc9c;}footer h3{margin-bottom:30px;}footer .footer-above{padding-top:20px;background-color:#2c3e50;}footer .footer-col{margin-bottom:50px;}footer .footer-below{padding:25px 0;background-color:#233140;}.btn-social{display:inline-block;border:2px solid #fff;border-radius:100%;text-align:center;line-height:45px;}.scroll-top{z-index:1049;position:fixed;right:2%;bottom:2%;width:50px;height:50px;}.scroll-top .btn{border-radius:100%;line-height:28px;}.portfolio-modal .modal-content{padding:100px 0;min-height:100%;border:0;border-radius:0;text-align:center;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;}.portfolio-modal .modal-content h2{margin:-100px 0 0;font-size:2.4em;text-transform:capitalize;}.portfolio-modal .modal-content img{margin-bottom:30px;border:10px solid #95a5a6;}.portfolio-modal .modal-content .item-details{margin:20px 0;}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer;z-index:9999;}.portfolio-modal .close-modal:hover{opacity:.3;}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#ff4f76;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#ff4f76;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.portfolio-modal .modal-backdrop{display:none;opacity:0;}footer{min-height:257px;background-color:#18bc9c;padding-top:50px;font-size:16px;line-height:40px;float:left;position:relative;z-index:99;width:100%;color:#fff;margin-top:100px;}.fourth-col a,footer p{font-size:20px;}.first-col,.second-col,.third-col{padding-left:40px;}footer .fa-ul{margin-left:0;padding-bottom:10px;}footer .fa,footer .fa-li{color:#fff;top:10px;font-size:20px;}footer span{color:#ff8c83;}footer a{color:#fff!important;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;font-weight:700;}footer a:hover{opacity:.5;}footer p{margin-left:-30px;}.fourth-col{margin-top:5px;list-style:none;}.fourth-col li{border-bottom:1px solid #12937a;position:relative;padding-bottom:15px;}.fourth-col .quote{border-bottom:none;position:relative;margin-top:15px;}.fourth-col .fa{float:left;display:inline-block;margin-left:10px;position:absolute;}.copyright{padding-top:20px;border-top:1px solid #12937a;}.copyright p{color:#fff;font-size:16px;}@media (min-width:768px){header .container{padding-bottom:100px}header .intro-text .name{font-size:4.75em}header .intro-text .skills{font-size:1.75em}.navbar-fixed-top{padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}.navbar-fixed-top .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar-fixed-top.navbar-shrink{padding:10px 0}}@media screen and (max-width:1920px) and (min-width:1640px){#works{margin-top:40px}#works #intro h1{font-size:90px!important}header .container{padding:210px 0}.skills_left li,.skills_right li{font-size:24px!important}}@media screen and (max-width:1024px) and (min-width:640px){.skills_left li,.skills_right li{font-size:14px}.skills_left li span{padding-right:30%}.skills_right li span{padding-left:30%}.skills_left img,.skills_right img{width:22px}.skills_left li span,.skills_right li span{line-height:39px}#works{margin-top:60px}#works #intro h1{font-size:45px!important;letter-spacing:1px;z-index:99}#works .claim{top:-40px!important}.claim-text{opacity:0}#works #intro{max-width:100%;top:-50px!important;left:0;margin-left:0}.navbar-fixed-top.navbar-shrink .navbar-brand span{display:none!important}}@media screen and (max-width:640px) and (min-width:480px){.skills_left li,.skills_right li{font-size:18px}#works #intro h1{font-size:30px!important;min-width:100%;margin-left:-120px!important;top:-60px;height:62px;letter-spacing:1px;z-index:99}#works .claim{position:relative;top:-200px!important;height:130px!important;line-height:20px}.hello_me{width:150px!important}.about_me{width:150px!important;margin-top:0}.skill_me{margin-top:0}section h2{font-size:1.4em}.claim-text{opacity:0}#works #intro{max-width:100%;top:-50px!important;left:0;margin-left:0}.navbar-fixed-top.navbar-shrink .navbar-brand span{display:none!important}}@media screen and (max-width:360px) and (min-width:360px){#works #intro h1{min-width:100%;margin-left:-130px!important}header .container{height:360px}}@media screen and (max-width:320px) and (min-width:320px){#works #intro h1{min-width:100%;margin-left:-115px!important}header .container{height:360px}}@media screen and (max-width:480px) and (min-width:280px){header .container{height:420px}header{background:url(../img/topbg.jpg) center center no-repeat}.portfolio-modal .modal-content h2{font-size:18px}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:40px;height:40px;-ms-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7)}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:40px;margin-left:35px}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:40px}.skills_left li,.skills_right li{font-size:16px}.skills_left li i,.skills_right li i{top:0}.skills_left li span{padding-right:33%}.skills_right li span{padding-left:33%}.skills_left img,.skills_right img{width:22px}.skills_left li span,.skills_right li span{line-height:39px}.navbar-brand img{margin:15px;width:28px}.navbar-fixed-top.navbar-shrink .navbar-brand img{margin:0}#works #intro h1{font-size:26px!important;min-width:100%;margin-left:-115px;top:-60px;height:62px;letter-spacing:1px;z-index:99}#works .claim{position:relative;top:-180px!important;height:155px!important;line-height:20px}.claim-text{opacity:0}#works #intro{max-width:100%;top:-75px!important;left:0;margin-left:0}.navbar-fixed-top.navbar-shrink .navbar-brand span{display:none!important}.hello_me{width:80px!important}.about_me{width:80px!important;margin-top:0}.skill_me{margin-top:0}section h2{font-size:1.4em}}